/*
 * GA1 design tokens v0.
 * Sursa: ghidul de brand GA1 v1.1 (ga1-platform/docs/branding) si paleta din ga1-platform.
 * Independente de framework: Laravel/Tailwind le mapeaza in @theme, Django le include direct.
 * Tema intunecata: clasa .dark pe <html> sau preferinta sistemului.
 */
:root {
    --ga1-font-sans: 'Urbanist', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ga1-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

    --ga1-gray-50: #fafbfc;
    --ga1-gray-100: #f4f6f8;
    --ga1-gray-200: #e5e9ef;
    --ga1-gray-300: #d1d8e1;
    --ga1-gray-400: #98a2b3;
    --ga1-gray-500: #667085;
    --ga1-gray-600: #475467;
    --ga1-gray-700: #344054;
    --ga1-gray-800: #1d2939;
    --ga1-gray-900: #101828;
    --ga1-gray-950: #0f172a;

    /* Culorile oficiale GA1 (brand v1.1) */
    --ga1-navy: #0f172a;
    --ga1-blue: #2563eb;
    --ga1-azure: #0ea5e9;
    --ga1-slate: #475569;
    --ga1-cloud: #e2e8f0;

    --ga1-accent: #2563eb;
    --ga1-accent-strong: #1d4ed8;
    --ga1-on-accent: #ffffff;

    --ga1-success: #15803d;
    --ga1-warning: #b45309;
    --ga1-danger: #b91c1c;

    --ga1-bg: #ffffff;
    --ga1-surface: var(--ga1-gray-50);
    --ga1-border: var(--ga1-gray-200);
    --ga1-text: var(--ga1-gray-900);
    --ga1-text-muted: var(--ga1-gray-600);
    --ga1-focus-ring: 0 0 0 3px rgb(37 99 235 / 0.35);

    --ga1-radius-sm: 6px;
    --ga1-radius: 10px;
    --ga1-radius-lg: 16px;
    --ga1-space-1: 4px;
    --ga1-space-2: 8px;
    --ga1-space-3: 12px;
    --ga1-space-4: 16px;
    --ga1-space-6: 24px;
    --ga1-space-8: 32px;

    --ga1-header-height: 56px;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --ga1-accent: #0ea5e9;
        --ga1-accent-strong: #93c5fd;
        --ga1-on-accent: #0f172a;
        --ga1-bg: var(--ga1-gray-950);
        --ga1-surface: var(--ga1-gray-900);
        --ga1-border: var(--ga1-gray-800);
        --ga1-text: var(--ga1-gray-50);
        --ga1-text-muted: var(--ga1-gray-400);
    }
}

:root.dark {
    --ga1-accent: #0ea5e9;
    --ga1-accent-strong: #93c5fd;
    --ga1-on-accent: #0f172a;
    --ga1-bg: var(--ga1-gray-950);
    --ga1-surface: var(--ga1-gray-900);
    --ga1-border: var(--ga1-gray-800);
    --ga1-text: var(--ga1-gray-50);
    --ga1-text-muted: var(--ga1-gray-400);
}