/* tokens.css — ATENA. Gerado a partir de tokens.json. Carregue antes de components/bundle.css. */
@font-face { font-family: "Unbounded"; src: url("fonts/Unbounded-Variable.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("fonts/Manrope-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("fonts/DMMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("fonts/DMMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --brand-50: #fdf3f8;
  --brand-100: #fbe2ef;
  --brand-200: #f4b6d6;
  --brand-300: #e97ab8;
  --brand-400: #d43a8e;
  --brand-500: #b8146f;
  --brand-600: #9d095e;
  --brand-700: #850852;
  --brand-800: #6b0642;
  --brand-900: #4a0329;
  --plum-700: #4b2a3f;
  --plum-800: #35182b;
  --plum-900: #24051a;
  --plum-950: #160310;
  --gold-100: #fff8d6;
  --gold-400: #ffe766;
  --gold-500: #fdd90d;
  --gold-600: #e0bd00;
  --gold-700: #8a6d00;
  --surface: #f6f3f5;
  --surface-raised: #ffffff;
  --surface-sunken: #f3eef1;
  --surface-inverse: var(--plum-900);
  --surface-overlay: #24051a8c;
  --ink: #1f0f1a;
  --ink-secondary: #5f5160;
  --ink-muted: #73677a;
  --ink-faint: #a99ba5;
  --ink-inverse: #ffffff;
  --ink-inverse-muted: #c9b3c0;
  --line: #e9e1e6;
  --line-strong: #d6c9d1;
  --line-inverse: #3a1a2e;
  --brand: var(--brand-600);
  --brand-hover: var(--brand-700);
  --brand-pressed: var(--brand-800);
  --on-brand: #ffffff;
  --brand-text: var(--brand-600);
  --brand-soft: var(--brand-100);
  --brand-soft-hover: var(--brand-50);
  --gold: var(--gold-500);
  --on-gold: var(--plum-900);
  --gold-text: var(--gold-700);
  --gold-soft: var(--gold-100);
  --sidebar-bg: var(--plum-900);
  --sidebar-bg-deep: var(--plum-950);
  --sidebar-bg-hover: #341226;
  --sidebar-bg-active: #3e1530;
  --sidebar-ink: #ffffff;
  --sidebar-ink-muted: #b79fae;
  --sidebar-indicator: var(--gold-500);
  --success: #15803d;
  --success-soft: #dcfce7;
  --success-fill: #15803d;
  --warning: #b45309;
  --warning-soft: #fef3c7;
  --warning-fill: #b45309;
  --danger: #b91c1c;
  --danger-soft: #fee2e2;
  --danger-fill: #b91c1c;
  --info: #1d4ed8;
  --info-soft: #dbeafe;
  --info-fill: #1d4ed8;
  --on-status: #ffffff;
  --violet: #6d28d9;
  --violet-soft: #ede9fe;
  --orange: #c2410c;
  --orange-soft: #ffedd5;
  --slate: #5b6878;
  --slate-soft: #eef1f5;
  --stage-novo: var(--slate);
  --stage-contato: var(--info);
  --stage-qualificado: var(--violet);
  --stage-reuniao: var(--orange);
  --stage-proposta: var(--brand);
  --stage-matricula: var(--success);
  --stage-perdido: var(--danger);
  --avatar-1: #6d28d9;
  --avatar-2: #15803d;
  --avatar-3: #9d095e;
  --avatar-4: #1d4ed8;
  --avatar-5: #c2410c;
  --avatar-6: #0f766e;
  --on-avatar: #ffffff;
  --focus-ring: var(--brand-600);
  --focus-ring-on-dark: var(--gold-500);
  --chart-1: var(--brand);
  --chart-2: var(--info);
  --chart-3: var(--violet);
  --chart-4: var(--orange);
  --chart-5: var(--success);
  --chart-6: var(--slate);
  --chart-track: #efe9ed;
  --skeleton-base: #efe9ed;
  --skeleton-shine: #ffffff;
  --gradient-brand-start: var(--brand-500);
  --gradient-brand-end: var(--brand-900);
  --gradient-night-start: #3d1131;
  --gradient-night-end: var(--plum-950);
  --overlay-light-weak: #ffffff14;
  --overlay-light-mid: #ffffff2e;
  --overlay-light-line: #ffffff33;
  --overlay-light-strong: #ffffff73;
  --shadow-xs: 0 1px 2px #24051a0f;
  --shadow-sm: 0 1px 2px #24051a0d, 0 2px 8px #24051a0a;
  --shadow-md: 0 4px 12px #24051a14, 0 2px 4px #24051a0d;
  --shadow-lg: 0 12px 32px #24051a29, 0 4px 10px #24051a14;
  --shadow-xl: 0 24px 64px #24051a47;
  --shadow-brand: 0 8px 24px #9d095e47;
  --shadow-focus: 0 0 0 4px #9d095e38;
  --shadow-gold: 0 0 0 4px #fdd90d3d;
}
[data-theme="dark"] {
  --brand-50: #fdf3f8;
  --brand-100: #fbe2ef;
  --brand-200: #f4b6d6;
  --brand-300: #e97ab8;
  --brand-400: #d43a8e;
  --brand-500: #b8146f;
  --brand-600: #9d095e;
  --brand-700: #850852;
  --brand-800: #6b0642;
  --brand-900: #4a0329;
  --plum-700: #4b2a3f;
  --plum-800: #35182b;
  --plum-900: #24051a;
  --plum-950: #160310;
  --gold-100: #fff8d6;
  --gold-400: #ffe766;
  --gold-500: #fdd90d;
  --gold-600: #e0bd00;
  --gold-700: #8a6d00;
  --surface: #130a10;
  --surface-raised: #1d1119;
  --surface-sunken: #0e0609;
  --surface-inverse: #0e0609;
  --surface-overlay: #000000a6;
  --ink: #f7eef3;
  --ink-secondary: #c8b5c1;
  --ink-muted: #a391a0;
  --ink-faint: #6e5e6a;
  --ink-inverse: #ffffff;
  --ink-inverse-muted: #b79fae;
  --line: #332230;
  --line-strong: #4a3444;
  --line-inverse: #2a1a24;
  --brand: var(--brand-500);
  --brand-hover: #c41c79;
  --brand-pressed: var(--brand-600);
  --on-brand: #ffffff;
  --brand-text: #f08ac4;
  --brand-soft: #3a0a26;
  --brand-soft-hover: #2a0a1d;
  --gold: var(--gold-500);
  --on-gold: var(--plum-900);
  --gold-text: var(--gold-500);
  --gold-soft: #3d3200;
  --sidebar-bg: #0e0609;
  --sidebar-bg-deep: #070204;
  --sidebar-bg-hover: #1a0d16;
  --sidebar-bg-active: #24051a;
  --sidebar-ink: #ffffff;
  --sidebar-ink-muted: #9b8795;
  --sidebar-indicator: var(--gold-500);
  --success: #5fd38a;
  --success-soft: #0f2e1a;
  --success-fill: #15803d;
  --warning: #fbbf24;
  --warning-soft: #3b2607;
  --warning-fill: #b45309;
  --danger: #fb7185;
  --danger-soft: #3f0d12;
  --danger-fill: #b91c1c;
  --info: #8fb4ff;
  --info-soft: #0f1f4d;
  --info-fill: #1d4ed8;
  --on-status: #ffffff;
  --violet: #c4b5fd;
  --violet-soft: #2e1065;
  --orange: #fdba74;
  --orange-soft: #431407;
  --slate: #cbd5e1;
  --slate-soft: #1e293b;
  --stage-novo: var(--slate);
  --stage-contato: var(--info);
  --stage-qualificado: var(--violet);
  --stage-reuniao: var(--orange);
  --stage-proposta: var(--brand);
  --stage-matricula: var(--success);
  --stage-perdido: var(--danger);
  --avatar-1: #6d28d9;
  --avatar-2: #15803d;
  --avatar-3: #9d095e;
  --avatar-4: #1d4ed8;
  --avatar-5: #c2410c;
  --avatar-6: #0f766e;
  --on-avatar: #ffffff;
  --focus-ring: var(--brand-300);
  --focus-ring-on-dark: var(--gold-500);
  --chart-1: var(--brand);
  --chart-2: var(--info);
  --chart-3: var(--violet);
  --chart-4: var(--orange);
  --chart-5: var(--success);
  --chart-6: var(--slate);
  --chart-track: #2a1a24;
  --skeleton-base: #2a1a24;
  --skeleton-shine: #3a2632;
  --gradient-brand-start: var(--brand-500);
  --gradient-brand-end: var(--brand-900);
  --gradient-night-start: #2a0b22;
  --gradient-night-end: #070204;
  --overlay-light-weak: #ffffff14;
  --overlay-light-mid: #ffffff2e;
  --overlay-light-line: #ffffff33;
  --overlay-light-strong: #ffffff73;
  --shadow-xs: 0 1px 2px #00000066;
  --shadow-sm: 0 1px 2px #00000080, 0 2px 8px #00000066;
  --shadow-md: 0 4px 14px #000000a6, 0 2px 4px #00000080;
  --shadow-lg: 0 12px 32px #000000cc, 0 4px 10px #00000099;
  --shadow-xl: 0 24px 64px #000000e6;
  --shadow-brand: 0 8px 24px #b8146f66;
  --shadow-focus: 0 0 0 4px #e97ab847;
  --shadow-gold: 0 0 0 4px #fdd90d3d;
}
:root {
  --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;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --duration-instant: 80ms;
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 360ms;
  --duration-slower: 520ms;
  --duration-ambient: 4000ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-linear: linear;
  --z-sticky: 20;
  --z-sidebar: 40;
  --z-dropdown: 50;
  --z-overlay: 60;
  --z-drawer: 70;
  --z-toast: 80;
  --z-tooltip: 90;
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 72px;
  --content-max: 1360px;
  --drawer-width: 560px;
  --column-width: 264px;
  --control-height: 40px;
  --control-height-sm: 32px;
  --control-height-lg: 48px;
  --font-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display-hero { font-family: var(--font-display); font-size: 44px; line-height: 48px; font-weight: 800; letter-spacing: -0.02em; }
.display-xl { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.015em; }
.display-lg { font-family: var(--font-display); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.005em; }
.display-kpi { font-family: var(--font-display); font-size: 30px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.wordmark { font-family: var(--font-display); font-size: 18px; line-height: 20px; font-weight: 800; letter-spacing: 0.16em; }
.title-lg { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 700; letter-spacing: -0.01em; }
.title-md { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 700; letter-spacing: -0.005em; }
.body-lg { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.body-sm { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.overline { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 700; }
.button { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.button-sm { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 700; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 500; }
.mono-sm { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }