/* TraceClose — tokens CSS (modo claro no :root, escuro por preferência do sistema ou [data-theme="dark"] / .dark)
 * Gerado por brand/scripts/build-tokens.mjs — não edite à mão.
 * Fontes: https://fonts.googleapis.com/css2?family=Funnel+Display:wght@400..800&family=Funnel+Sans:ital,wght@0,300..800;1,400&family=Geist+Mono:wght@400..600&display=swap
 */

:root {
  --tc-ultramar-50: #EEF1FF;
  --tc-ultramar-100: #DFE4FF;
  --tc-ultramar-200: #C3CCFF;
  --tc-ultramar-300: #9DA9FF;
  --tc-ultramar-400: #7282FC;
  --tc-ultramar-500: #4F62F8;
  --tc-ultramar-600: #2F45F5;
  --tc-ultramar-700: #2433D6;
  --tc-ultramar-800: #202BAB;
  --tc-ultramar-900: #202A86;
  --tc-ultramar-950: #141A4F;
  --tc-ouro-50: #FFF8E6;
  --tc-ouro-100: #FFEDBF;
  --tc-ouro-200: #FFDC85;
  --tc-ouro-300: #FFC94A;
  --tc-ouro-400: #FFB21E;
  --tc-ouro-500: #F29D06;
  --tc-ouro-600: #C98100;
  --tc-ouro-700: #9A5B00;
  --tc-ouro-800: #7A470A;
  --tc-ouro-900: #633A0D;
  --tc-ouro-950: #3A1F02;
  --tc-grafite-0: #FFFFFF;
  --tc-grafite-50: #F6F7FB;
  --tc-grafite-100: #EDEFF5;
  --tc-grafite-200: #DDE0EA;
  --tc-grafite-300: #C3C7D6;
  --tc-grafite-400: #9AA0B5;
  --tc-grafite-500: #646B87;
  --tc-grafite-600: #565D75;
  --tc-grafite-700: #41475D;
  --tc-grafite-800: #2A2F45;
  --tc-grafite-900: #181C33;
  --tc-grafite-950: #0A0F2C;
  --tc-verde-50: #E7F7F0;
  --tc-verde-100: #C6EDDB;
  --tc-verde-400: #3DD39A;
  --tc-verde-500: #12976A;
  --tc-verde-600: #0B7A55;
  --tc-verde-700: #08603F;
  --tc-verde-900: #0C2E26;
  --tc-laranja-50: #FFF1E5;
  --tc-laranja-100: #FFDDBF;
  --tc-laranja-400: #FFA25C;
  --tc-laranja-500: #F07C12;
  --tc-laranja-600: #B04E00;
  --tc-laranja-700: #8A3D02;
  --tc-laranja-900: #3A2410;
  --tc-vermelho-50: #FDECEE;
  --tc-vermelho-100: #FAD0D6;
  --tc-vermelho-400: #FF7D90;
  --tc-vermelho-500: #DC2F4A;
  --tc-vermelho-600: #C21F3A;
  --tc-vermelho-700: #9C1830;
  --tc-vermelho-900: #3A1422;
  --tc-ciano-50: #E6F4FC;
  --tc-ciano-100: #C2E4F8;
  --tc-ciano-400: #5CC0F5;
  --tc-ciano-500: #0B84CF;
  --tc-ciano-600: #0A6BAA;
  --tc-ciano-700: #085587;
  --tc-ciano-900: #0D2940;

  --tc-font-display: 'Funnel Display', 'Funnel Sans', ui-sans-serif, system-ui, sans-serif;
  --tc-font-sans: 'Funnel Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tc-font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --tc-text-2xs: 0.6875rem; --tc-leading-2xs: 1rem;
  --tc-text-xs: 0.75rem; --tc-leading-xs: 1rem;
  --tc-text-sm: 0.8125rem; --tc-leading-sm: 1.25rem;
  --tc-text-base: 0.9375rem; --tc-leading-base: 1.5rem;
  --tc-text-md: 1rem; --tc-leading-md: 1.5rem;
  --tc-text-lg: 1.125rem; --tc-leading-lg: 1.75rem;
  --tc-text-xl: 1.25rem; --tc-leading-xl: 1.75rem;
  --tc-text-2xl: 1.5rem; --tc-leading-2xl: 2rem;
  --tc-text-3xl: 1.875rem; --tc-leading-3xl: 2.25rem;
  --tc-text-4xl: 2.375rem; --tc-leading-4xl: 2.75rem;
  --tc-text-5xl: 3rem; --tc-leading-5xl: 3.25rem;
  --tc-text-6xl: 3.75rem; --tc-leading-6xl: 3.875rem;
  --tc-text-7xl: 4.75rem; --tc-leading-7xl: 4.75rem;
  --tc-space-0: 0rem;
  --tc-space-1: 0.25rem;
  --tc-space-2: 0.5rem;
  --tc-space-3: 0.75rem;
  --tc-space-4: 1rem;
  --tc-space-5: 1.25rem;
  --tc-space-6: 1.5rem;
  --tc-space-8: 2rem;
  --tc-space-10: 2.5rem;
  --tc-space-12: 3rem;
  --tc-space-16: 4rem;
  --tc-space-20: 5rem;
  --tc-space-24: 6rem;
  --tc-space-32: 8rem;
  --tc-space-0_5: 0.125rem;
  --tc-space-1_5: 0.375rem;
  --tc-radius-xs: 4px;
  --tc-radius-sm: 6px;
  --tc-radius-md: 8px;
  --tc-radius-lg: 12px;
  --tc-radius-xl: 16px;
  --tc-radius-2xl: 24px;
  --tc-radius-full: 9999px;
  --tc-duration-fast: 120ms; --tc-duration-base: 200ms; --tc-duration-slow: 320ms;
  --tc-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* semânticos — claro */
  --tc-bg: #FFFFFF;
  --tc-bg-subtle: #F6F7FB;
  --tc-surface: #FFFFFF;
  --tc-surface-raised: #FFFFFF;
  --tc-surface-sunken: #EDEFF5;
  --tc-border: #DDE0EA;
  --tc-border-strong: #C3C7D6;
  --tc-fg: #0A0F2C;
  --tc-fg-muted: #565D75;
  --tc-fg-subtle: #646B87;
  --tc-fg-inverse: #FFFFFF;
  --tc-primary: #2F45F5;
  --tc-primary-hover: #2433D6;
  --tc-primary-on: #FFFFFF;
  --tc-primary-text: #2F45F5;
  --tc-primary-subtle: #EEF1FF;
  --tc-accent: #FFB21E;
  --tc-accent-hover: #FFC94A;
  --tc-accent-on: #0A0F2C;
  --tc-accent-text: #9A5B00;
  --tc-accent-subtle: #FFF8E6;
  --tc-success: #0B7A55;
  --tc-success-text: #08603F;
  --tc-success-on: #FFFFFF;
  --tc-success-subtle: #E7F7F0;
  --tc-warning: #F07C12;
  --tc-warning-text: #B04E00;
  --tc-warning-on: #0A0F2C;
  --tc-warning-subtle: #FFF1E5;
  --tc-danger: #DC2F4A;
  --tc-danger-text: #C21F3A;
  --tc-danger-on: #FFFFFF;
  --tc-danger-subtle: #FDECEE;
  --tc-info: #0A6BAA;
  --tc-info-text: #0A6BAA;
  --tc-info-on: #FFFFFF;
  --tc-info-subtle: #E6F4FC;
  --tc-ring: #2F45F5;
  --tc-chart-1: #2F45F5;
  --tc-chart-2: #B98000;
  --tc-chart-3: #0E9494;
  --tc-chart-4: #C8561E;
  --tc-chart-5: #8352E8;
  --tc-chart-6: #4F8F28;
  --tc-chart-7: #1E8FD6;
  --tc-chart-8: #D63F7B;
  --tc-shadow-xs: 0 1px 2px rgba(10, 15, 44, 0.06);
  --tc-shadow-sm: 0 1px 2px rgba(10, 15, 44, 0.06), 0 2px 6px rgba(10, 15, 44, 0.05);
  --tc-shadow-md: 0 2px 4px rgba(10, 15, 44, 0.05), 0 8px 24px rgba(10, 15, 44, 0.08);
  --tc-shadow-lg: 0 4px 8px rgba(10, 15, 44, 0.06), 0 24px 48px rgba(10, 15, 44, 0.12);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']):not(.light) {
    --tc-bg: #0A0F2C;
    --tc-bg-subtle: #0F1535;
    --tc-surface: #121936;
    --tc-surface-raised: #182042;
    --tc-surface-sunken: #080C24;
    --tc-border: #242B4D;
    --tc-border-strong: #343C62;
    --tc-fg: #F2F4FA;
    --tc-fg-muted: #A3A9C2;
    --tc-fg-subtle: #858CA8;
    --tc-fg-inverse: #0A0F2C;
    --tc-primary: #2F45F5;
    --tc-primary-hover: #4F62F8;
    --tc-primary-on: #FFFFFF;
    --tc-primary-text: #8C9BFF;
    --tc-primary-subtle: #1A2260;
    --tc-accent: #FFB21E;
    --tc-accent-hover: #FFC94A;
    --tc-accent-on: #0A0F2C;
    --tc-accent-text: #FFC94A;
    --tc-accent-subtle: #33260A;
    --tc-success: #3DD39A;
    --tc-success-text: #3DD39A;
    --tc-success-on: #0A0F2C;
    --tc-success-subtle: #0C2E26;
    --tc-warning: #FFA25C;
    --tc-warning-text: #FFA25C;
    --tc-warning-on: #0A0F2C;
    --tc-warning-subtle: #3A2410;
    --tc-danger: #FF7D90;
    --tc-danger-text: #FF7D90;
    --tc-danger-on: #0A0F2C;
    --tc-danger-subtle: #3A1422;
    --tc-info: #5CC0F5;
    --tc-info-text: #5CC0F5;
    --tc-info-on: #0A0F2C;
    --tc-info-subtle: #0D2940;
    --tc-ring: #7282FC;
    --tc-chart-1: #5A6BFF;
    --tc-chart-2: #BF8510;
    --tc-chart-3: #14A39B;
    --tc-chart-4: #DF6B34;
    --tc-chart-5: #9270F0;
    --tc-chart-6: #5FA036;
    --tc-chart-7: #2F9BE0;
    --tc-chart-8: #E0598D;
    --tc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --tc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);
    --tc-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35);
    --tc-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4), 0 24px 48px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}

:root[data-theme='dark'],
:root.dark,
.dark {
  --tc-bg: #0A0F2C;
  --tc-bg-subtle: #0F1535;
  --tc-surface: #121936;
  --tc-surface-raised: #182042;
  --tc-surface-sunken: #080C24;
  --tc-border: #242B4D;
  --tc-border-strong: #343C62;
  --tc-fg: #F2F4FA;
  --tc-fg-muted: #A3A9C2;
  --tc-fg-subtle: #858CA8;
  --tc-fg-inverse: #0A0F2C;
  --tc-primary: #2F45F5;
  --tc-primary-hover: #4F62F8;
  --tc-primary-on: #FFFFFF;
  --tc-primary-text: #8C9BFF;
  --tc-primary-subtle: #1A2260;
  --tc-accent: #FFB21E;
  --tc-accent-hover: #FFC94A;
  --tc-accent-on: #0A0F2C;
  --tc-accent-text: #FFC94A;
  --tc-accent-subtle: #33260A;
  --tc-success: #3DD39A;
  --tc-success-text: #3DD39A;
  --tc-success-on: #0A0F2C;
  --tc-success-subtle: #0C2E26;
  --tc-warning: #FFA25C;
  --tc-warning-text: #FFA25C;
  --tc-warning-on: #0A0F2C;
  --tc-warning-subtle: #3A2410;
  --tc-danger: #FF7D90;
  --tc-danger-text: #FF7D90;
  --tc-danger-on: #0A0F2C;
  --tc-danger-subtle: #3A1422;
  --tc-info: #5CC0F5;
  --tc-info-text: #5CC0F5;
  --tc-info-on: #0A0F2C;
  --tc-info-subtle: #0D2940;
  --tc-ring: #7282FC;
  --tc-chart-1: #5A6BFF;
  --tc-chart-2: #BF8510;
  --tc-chart-3: #14A39B;
  --tc-chart-4: #DF6B34;
  --tc-chart-5: #9270F0;
  --tc-chart-6: #5FA036;
  --tc-chart-7: #2F9BE0;
  --tc-chart-8: #E0598D;
  --tc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --tc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3);
  --tc-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.35), 0 8px 24px rgba(0, 0, 0, 0.35);
  --tc-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4), 0 24px 48px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}