/**
 * Design System Tokens — PROSISCO
 * Direção Visual: GovTech Glassmorphism & Smart City Intelligence
 */

:root {
    /* Paleta Atmosférica Tecnológica (Deep Smart-City Dark) */
    --bg-primary: #060D1A;
    --bg-surface: #0A1528;
    --bg-elevated: #0F1F3A;
    --bg-dark: #040913;
    --bg-dark-surface: #081223;

    /* Superfícies Glassmorphism (Translúcidas com Blur e Brilho de Borda) */
    --glass-bg: rgba(15, 29, 54, 0.58);
    --glass-bg-strong: rgba(18, 35, 66, 0.78);
    --glass-bg-hover: rgba(24, 47, 86, 0.82);
    --glass-bg-subtle: rgba(255, 255, 255, 0.035);
    --glass-border: rgba(148, 197, 255, 0.16);
    --glass-border-strong: rgba(96, 178, 255, 0.38);
    --glass-highlight: inset 0 1px 0 0 rgba(255, 255, 255, 0.14);
    --glass-blur: blur(16px) saturate(165%);
    --glass-blur-heavy: blur(22px) saturate(180%);

    /* Tipografia de Alto Contraste sobre Vidro Escuro (WCAG AA/AAA) */
    --text-primary: #F4F8FF;
    --text-secondary: #B8C8E2;
    --text-muted: #7F95B8;
    --text-on-dark: #F8FAFC;
    --text-muted-on-dark: #94A8C7;

    /* Cores de Ação e Luz Tecnológica (Azul Cobalto & Ciano Conectado) */
    --accent-primary: #2563EB;
    --accent-hover: #3B82F6;
    --accent-active: #1D4ED8;
    --accent-cyan: #38BDF8;
    --accent-subtle: rgba(56, 189, 248, 0.13);
    --accent-border: rgba(56, 189, 248, 0.34);
    --accent-on-dark: #38BDF8;
    --accent-glow: 0 0 28px rgba(37, 99, 235, 0.42);
    --accent-gradient: linear-gradient(135deg, #2563EB 0%, #0EA5E9 100%);

    /* Bordas e Linhas Técnicas */
    --border-subtle: rgba(148, 197, 255, 0.14);
    --border-strong: rgba(148, 197, 255, 0.28);
    --border-on-dark: rgba(148, 197, 255, 0.14);

    /* Estados Semânticos em Glass */
    --status-success-bg: rgba(16, 185, 129, 0.14);
    --status-success-border: rgba(52, 211, 153, 0.4);
    --status-success-text: #6EE7B7;

    --status-error-bg: rgba(239, 68, 68, 0.15);
    --status-error-border: rgba(248, 113, 113, 0.45);
    --status-error-text: #FCA5A5;

    --status-warning-bg: rgba(245, 158, 11, 0.15);
    --status-warning-border: rgba(251, 191, 36, 0.4);
    --status-warning-text: #FCD34D;

    /* Famílias Tipográficas */
    --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Plus Jakarta Sans", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

    /* Escala Tipográfica Fluida */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: clamp(1.18rem, 1.06rem + 0.45vw, 1.35rem);
    --text-xl: clamp(1.35rem, 1.18rem + 0.75vw, 1.75rem);
    --text-2xl: clamp(1.8rem, 1.45rem + 1.4vw, 2.55rem);
    --text-3xl: clamp(2.2rem, 1.7rem + 2.1vw, 3.4rem);

    /* Alturas de Linha e Medida */
    --leading-tight: 1.14;
    --leading-snug: 1.28;
    --leading-normal: 1.65;
    --measure-reading: 65ch;
    --measure-wide: 76ch;

    /* Escala de Espaçamento */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3rem;
    --space-10: 4rem;
    --space-12: 5.5rem;
    --space-16: 7.5rem;

    /* Layout e Containers */
    --section-space-y: clamp(4.25rem, 3.25rem + 3.8vw, 7rem);
    --container-max: 1240px;
    --container-pad: clamp(1.25rem, 1rem + 2.5vw, 3.5rem);
    --header-height: 78px;

    /* Raios, Sombras Glass e Transições Eficientes (GPU-friendly) */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-pill: 9999px;

    --shadow-subtle: 0 4px 20px -2px rgba(2, 6, 16, 0.45);
    --shadow-elevated: 0 20px 48px -12px rgba(2, 6, 16, 0.72), 0 0 1px 1px rgba(148, 197, 255, 0.12);
    --shadow-glow: 0 12px 34px -6px rgba(14, 165, 233, 0.32);

    --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
    --transition-base: 320ms cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 520ms cubic-bezier(0.16, 1, 0.3, 1);
}