/* Gerado por design-systems/magin/scripts/build-tokens.mjs a partir de tokens.json. Não edite à mão. */

:root {
  --violet-50: #F5F3FF;
  --violet-100: #EDE4FF;
  --violet-200: #D9C8FF;
  --violet-300: #A78BFA;
  --violet-500: #7B2FF2;
  --violet-600: #6A1FE0;
  --violet-700: #4C1A9E;
  --violet-900: #24104D;
  --emerald-50: #ECFDF5;
  --emerald-100: #D1FAE5;
  --emerald-300: #6EE7B7;
  --emerald-500: #10B981;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --area-planejamento: #7B2FF2;
  --area-avaliacao: #F59E0B;
  --area-inclusao: #10B981;
  --area-alfabetizacao: #EC4899;
  --area-carreira: #0EA5E9;
  --font-display: "Outfit", "Inter", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --text-display-size: 72px;
  --text-display-line: 1.02;
  --text-display-weight: 700;
  --text-display-tracking: -0.035em;
  --text-display-family: var(--font-display);
  --text-h1-size: 56px;
  --text-h1-line: 1.05;
  --text-h1-weight: 700;
  --text-h1-tracking: -0.03em;
  --text-h1-family: var(--font-display);
  --text-h2-size: 40px;
  --text-h2-line: 1.1;
  --text-h2-weight: 700;
  --text-h2-tracking: -0.025em;
  --text-h2-family: var(--font-display);
  --text-h3-size: 24px;
  --text-h3-line: 1.25;
  --text-h3-weight: 600;
  --text-h3-tracking: -0.015em;
  --text-h3-family: var(--font-display);
  --text-lead-size: 18px;
  --text-lead-line: 1.55;
  --text-lead-weight: 400;
  --text-lead-tracking: 0em;
  --text-lead-family: var(--font-sans);
  --text-body-size: 15px;
  --text-body-line: 1.55;
  --text-body-weight: 400;
  --text-body-tracking: 0em;
  --text-body-family: var(--font-sans);
  --text-sm-size: 13px;
  --text-sm-line: 1.45;
  --text-sm-weight: 500;
  --text-sm-tracking: 0em;
  --text-sm-family: var(--font-sans);
  --text-xs-size: 12px;
  --text-xs-line: 1.4;
  --text-xs-weight: 500;
  --text-xs-tracking: 0.01em;
  --text-xs-family: var(--font-sans);
  --text-eyebrow-size: 12px;
  --text-eyebrow-line: 1.2;
  --text-eyebrow-weight: 600;
  --text-eyebrow-tracking: 0.12em;
  --text-eyebrow-family: var(--font-sans);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 10, 30, 0.06), 0 1px 1px rgba(15, 10, 30, 0.04);
  --shadow-md: 0 8px 24px -8px rgba(15, 10, 30, 0.14), 0 2px 6px rgba(15, 10, 30, 0.05);
  --shadow-lg: 0 30px 60px -20px rgba(36, 16, 77, 0.28), 0 10px 24px -12px rgba(15, 10, 30, 0.12);
  --shadow-glow: 0 6px 18px -8px rgba(123, 47, 242, 0.3);
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 500ms;
  --motion-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --container: 1160px;
  --nav-height: 64px;

  color-scheme: light;
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-soft: #F8F7FC;
  --surface-sunken: #F1EEF9;
  --surface-raised: #FFFFFF;
  --sidebar: #F5F3FF;
  --line: #E9E5F5;
  --line-strong: #D6D0E8;
  --text: #0F0A1E;
  --text-muted: #5B5670;
  --text-faint: #8E8A9E;
  --primary: #7B2FF2;
  --primary-hover: #6A1FE0;
  --on-primary: #FFFFFF;
  --primary-soft: #EDE4FF;
  --primary-text: #4C1A9E;
  --accent: #10B981;
  --accent-soft: #D1FAE5;
  --accent-text: #047857;
  --danger: #E11D48;
  --danger-soft: #FFE4E9;
  --danger-strong: #9F1239;
  --warning: #D97706;
  --warning-soft: #FEF3C7;
  --focus: #A78BFA;
  --skeleton: #EEEAF7;
}

/* Tema escuro: segue o sistema, a menos que a página fixe data-theme="light". */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --bg: #1A1A1A;
    --surface: #242424;
    --surface-soft: #1F1F1F;
    --surface-sunken: #2B2B2B;
    --surface-raised: #474747;
    --sidebar: #141414;
    --line: #2E2E2E;
    --line-strong: #3D3D3D;
    --text: #EDEDED;
    --text-muted: #A3A3A3;
    --text-faint: #737373;
    --primary: #8B5CF6;
    --primary-hover: #9D74F8;
    --on-primary: #FFFFFF;
    --primary-soft: #2A2536;
    --primary-text: #C4B5FD;
    --accent: #34D399;
    --accent-soft: #17302A;
    --accent-text: #6EE7B7;
    --danger: #F87171;
    --danger-soft: #3A1F1F;
    --danger-strong: #FDA4AF;
    --warning: #FBBF24;
    --warning-soft: #352B15;
    --focus: #A78BFA;
    --skeleton: #2B2B2B;
  }
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #1A1A1A;
  --surface: #242424;
  --surface-soft: #1F1F1F;
  --surface-sunken: #2B2B2B;
  --surface-raised: #474747;
  --sidebar: #141414;
  --line: #2E2E2E;
  --line-strong: #3D3D3D;
  --text: #EDEDED;
  --text-muted: #A3A3A3;
  --text-faint: #737373;
  --primary: #8B5CF6;
  --primary-hover: #9D74F8;
  --on-primary: #FFFFFF;
  --primary-soft: #2A2536;
  --primary-text: #C4B5FD;
  --accent: #34D399;
  --accent-soft: #17302A;
  --accent-text: #6EE7B7;
  --danger: #F87171;
  --danger-soft: #3A1F1F;
  --danger-strong: #FDA4AF;
  --warning: #FBBF24;
  --warning-soft: #352B15;
  --focus: #A78BFA;
  --skeleton: #2B2B2B;
}