/* Gerado a partir do tokens.json do design system Mistral Vibe. Não edite à mão. */
:root {
  /* Primitivos (use apenas via tokens semânticos) */
  --cream-00: #fff;
  --cream-25: #f8f7f3;
  --cream-50: #fbfbf8;
  --cream-100: #f5f4ef;
  --cream-200: #ebe9e0;
  --cream-300: #dad9cf;
  --cream-400: #abaaa1;
  --cream-500: #928f86;
  --cream-600: #79776e;
  --cream-700: #615f57;
  --cream-800: #484740;
  --cream-900: #302f2b;
  --cream-950: #201f1c;
  --stone-00: #fff;
  --stone-50: #fafaf9;
  --stone-100: #f6f6f5;
  --stone-200: #e7e5e4;
  --stone-300: #d6d3d1;
  --stone-400: #a6a09b;
  --stone-500: #79716b;
  --stone-600: #57534d;
  --stone-700: #44403b;
  --stone-800: #312c2b;
  --stone-900: #24211e;
  --stone-950: #14110f;
  --stone-1000: #0c0a09;
  --steel-00: #fff;
  --steel-50: #f9f9fa;
  --steel-100: #f1f1f3;
  --steel-200: #e4e4e7;
  --steel-300: #ccccd1;
  --steel-400: #a1a1aa;
  --steel-500: #6d6d78;
  --steel-600: #55555e;
  --steel-700: #3d3d43;
  --steel-800: #27272b;
  --steel-900: #1a1a1e;
  --steel-925: #17171b;
  --steel-950: #101013;
  --steel-1000: #09090d;
  --orange-50: #fff5ed;
  --orange-100: #ffdccf;
  --orange-200: #feccaa;
  --orange-300: #ff8e61;
  --orange-400: #ff6529;
  --orange-500: #fa500f;
  --orange-600: #de4408;
  --orange-700: #c23700;
  --orange-800: #9b2211;
  --orange-900: #7a2300;
  --orange-950: #430c07;
  --orangebright-50: #fff9ed;
  --orangebright-100: #fff1d4;
  --orangebright-200: #ffdfa8;
  --orangebright-300: #ffc770;
  --orangebright-400: #ffa337;
  --orangebright-500: #ff8205;
  --orangebright-600: #f06b06;
  --orangebright-700: #c75007;
  --orangebright-800: #9e3f0e;
  --orangebright-900: #7f360f;
  --orangebright-950: #451905;
  --yellow-50: #fffdea;
  --yellow-100: #fff4d2;
  --yellow-200: #fff085;
  --yellow-300: #ffe246;
  --yellow-400: #fec63a;
  --yellow-500: #ffaf01;
  --yellow-600: #d39101;
  --yellow-700: #a77201;
  --yellow-800: #984708;
  --yellow-900: #4e3500;
  --yellow-950: #481d00;
  --red-50: #fff0f0;
  --red-100: #ffe0de;
  --red-200: #ffc2c1;
  --red-300: #ff9d94;
  --red-400: #f66c60;
  --red-500: #f43625;
  --red-600: #e51300;
  --red-700: #ad0e00;
  --red-800: #af0905;
  --red-900: #4b0600;
  --red-950: #500200;
  --red-1000: #400000;
  --green-50: #f2ffe5;
  --green-100: #ddf8ee;
  --green-200: #b8f1dd;
  --green-300: #94eacc;
  --green-400: #6cd2a7;
  --green-500: #44ba82;
  --green-600: #3aa475;
  --green-700: #318e68;
  --green-800: #2b690b;
  --green-900: #005737;
  --green-950: #0f3201;
  --blue-50: #edf9ff;
  --blue-100: #e0efff;
  --blue-200: #b5e5ff;
  --blue-300: #87c6fd;
  --blue-400: #55b3fb;
  --blue-500: #2a9af0;
  --blue-600: #0082e6;
  --blue-700: #0262bf;
  --blue-800: #0851c5;
  --blue-900: #032b63;
  --blue-950: #0e2c5d;
  --purple-50: #fbf6fe;
  --purple-100: #f5ebfc;
  --purple-200: #ecdafa;
  --purple-300: #debcf6;
  --purple-400: #ca91ef;
  --purple-500: #b667e5;
  --purple-600: #a147d6;
  --purple-700: #963cc8;
  --purple-800: #753099;
  --purple-900: #60287b;
  --purple-950: #42115a;
  --pink-50: #fef1fa;
  --pink-100: #ffe5f6;
  --pink-200: #feccef;
  --pink-300: #ff91dc;
  --pink-400: #f956c6;
  --pink-500: #f31baf;
  --pink-600: #ce1493;
  --pink-700: #a80e78;
  --pink-800: #a70d60;
  --pink-900: #55053c;
  --pink-950: #55022f;
  --transparent-dark-4: #0000000a;
  --transparent-dark-6: #0000000f;
  --transparent-dark-8: #00000014;
  --transparent-dark-10: #0000001a;
  --transparent-dark-15: #00000026;
  --transparent-dark-25: #00000040;
  --transparent-dark-30: #0000004d;
  --transparent-dark-50: #00000080;
  --transparent-light-8: #ffffff14;
  --transparent-light-15: #ffffff26;
  --transparent-light-20: #ffffff33;
  --transparent-light-30: #ffffff4d;
  --transparent-light-50: #ffffff80;
  --transparent-light-70: #ffffffb2;

  /* Tokens semânticos iguais nos dois temas */
  --bg-state-destructive: var(--red-500);
  --bg-state-destructive-hover: var(--red-400);
  --bg-switch-active: var(--green-500);
  --bg-switch-handle: #ffffff;
  --bg-checkbox-active: var(--orange-500);
  --border-highlight: #067eff66;
  --chart-1: #ff8204;
  --chart-2: #c86ee2;
  --chart-3: #f956c6;
  --chart-4: #2a9af0;
  --chart-5: #88889c;
  --chart-6: #ffaf01;
  --chart-7: #3aa77a;
  --chart-8: #ff1a3c;

  /* Tipografia */
  --font-sans: Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif;
  --font-headings: "ALT Mistral", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Raios */
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-2xs: 0 1px #0000000d;
  --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --shadow-modal-sm: 0px 1px 1px -.5px #0000000a, 0px 3px 3px -1.5px #0000000a, 0px 6px 6px -3px #0000000a, 0px 12px 12px -6px #0000000a, 0px 0px 0px 1px #0000001a;
}

/* Tema claro (padrão) */
:root {
  color-scheme: light;
  --bg-default: #ffffff;
  --bg-subtle: var(--cream-50);
  --bg-muted: var(--cream-100);
  --bg-inverted: var(--steel-900);
  --bg-canvas: var(--stone-50);
  --bg-surface: var(--cream-50);
  --bg-card: #ffffff;
  --bg-card-subtle: #fafafa;
  --bg-card-inverted: var(--steel-800);
  --bg-canvas-card: var(--cream-100);
  --bg-sidebar: var(--cream-25);
  --bg-sidebar-subtle: var(--transparent-dark-6);
  --bg-sidebar-tabs: #ffffffa6;
  --bg-tab-drop-shadow: var(--transparent-dark-15);
  --bg-tab-inner-shadow: #ffffff;
  --bg-input: #ffffff;
  --bg-input-soft: var(--transparent-dark-6);
  --bg-input-disabled: var(--transparent-dark-6);
  --bg-floating: #ffffff99;
  --bg-overlay: var(--transparent-dark-30);
  --bg-state-primary: var(--steel-900);
  --bg-state-primary-hover: var(--steel-800);
  --bg-state-primary-press: var(--steel-950);
  --bg-state-secondary: #ffffff;
  --bg-state-secondary-hover: var(--cream-50);
  --bg-state-secondary-press: var(--cream-100);
  --bg-state-soft: var(--transparent-dark-6);
  --bg-state-soft-hover: var(--transparent-dark-8);
  --bg-state-soft-press: var(--transparent-dark-10);
  --bg-state-ghost-hover: var(--transparent-dark-4);
  --bg-state-ghost-press: var(--transparent-dark-8);
  --bg-state-brand: var(--orange-500);
  --bg-state-brand-hover: var(--orange-400);
  --bg-state-brand-press: var(--orange-600);
  --bg-state-disabled: var(--transparent-dark-8);
  --bg-badge-gray: var(--transparent-dark-6);
  --bg-badge-inverted: var(--cream-950);
  --bg-switch-default: var(--cream-200);
  --text-default: var(--cream-950);
  --text-subtle: var(--cream-700);
  --text-muted: var(--cream-500);
  --text-hint: var(--transparent-dark-30);
  --text-placeholder: var(--stone-400);
  --text-inverted-default: #ffffff;
  --text-inverted-subtle: var(--transparent-light-70);
  --text-inverted-muted: var(--transparent-light-50);
  --text-destructive: var(--red-600);
  --text-success: var(--green-600);
  --text-warning: var(--orange-600);
  --text-informative: var(--blue-600);
  --border-default: var(--transparent-dark-10);
  --border-darker: var(--transparent-dark-15);
  --border-strong: var(--transparent-dark-25);
  --border-inverted: var(--transparent-light-20);
  --border-accent: var(--cream-950);
  --border-destructive: var(--red-500);
  --border-informative: var(--blue-500);
  --border-success: var(--green-500);
  --border-warning: var(--orange-500);
  --border-input-highlight: #00000066;
  --icon-default: var(--cream-950);
  --icon-default-subtle: var(--cream-700);
  --icon-default-muted: var(--cream-400);
  --icon-default-disabled: var(--transparent-dark-25);
  --icon-inverted-default: #ffffff;
  --icon-inverted-subtle: #ffffffa6;
  --icon-destructive: var(--red-500);
  --icon-informative: var(--blue-500);
  --icon-success: var(--green-500);
  --icon-warning: var(--yellow-500);
}

/* Tema escuro escolhido pela pessoa */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg-default: var(--steel-950);
  --bg-subtle: var(--steel-900);
  --bg-muted: var(--steel-800);
  --bg-inverted: #ffffff;
  --bg-canvas: var(--steel-800);
  --bg-surface: var(--steel-900);
  --bg-card: var(--steel-800);
  --bg-card-subtle: var(--steel-700);
  --bg-card-inverted: #ffffff;
  --bg-canvas-card: var(--steel-800);
  --bg-sidebar: var(--steel-925);
  --bg-sidebar-subtle: var(--steel-1000);
  --bg-sidebar-tabs: var(--steel-925);
  --bg-tab-drop-shadow: var(--transparent-dark-50);
  --bg-tab-inner-shadow: #ffffff0f;
  --bg-input: #ffffff0f;
  --bg-input-soft: var(--transparent-light-8);
  --bg-input-disabled: var(--transparent-light-15);
  --bg-floating: var(--transparent-dark-50);
  --bg-overlay: #000000b2;
  --bg-state-primary: var(--steel-50);
  --bg-state-primary-hover: var(--steel-100);
  --bg-state-primary-press: var(--steel-200);
  --bg-state-secondary: #ffffff0a;
  --bg-state-secondary-hover: var(--transparent-light-8);
  --bg-state-secondary-press: #ffffff1a;
  --bg-state-soft: var(--transparent-light-8);
  --bg-state-soft-hover: #ffffff1a;
  --bg-state-soft-press: var(--transparent-light-15);
  --bg-state-ghost-hover: var(--transparent-light-8);
  --bg-state-ghost-press: var(--transparent-light-15);
  --bg-state-brand: var(--orange-600);
  --bg-state-brand-hover: var(--orange-500);
  --bg-state-brand-press: var(--orange-400);
  --bg-state-disabled: var(--transparent-light-8);
  --bg-badge-gray: #ffffff1a;
  --bg-badge-inverted: #ffffff;
  --bg-switch-default: var(--steel-600);
  --text-default: #ffffff;
  --text-subtle: var(--steel-300);
  --text-muted: var(--steel-400);
  --text-hint: var(--transparent-light-30);
  --text-placeholder: #a1a1a9;
  --text-inverted-default: var(--steel-950);
  --text-inverted-subtle: var(--steel-600);
  --text-inverted-muted: var(--steel-500);
  --text-destructive: var(--red-400);
  --text-success: var(--green-500);
  --text-warning: var(--orange-400);
  --text-informative: var(--blue-400);
  --border-default: #ffffff1a;
  --border-darker: var(--transparent-light-15);
  --border-strong: #ffffff40;
  --border-inverted: var(--transparent-dark-10);
  --border-accent: #ffffff;
  --border-destructive: var(--red-400);
  --border-informative: var(--blue-400);
  --border-success: var(--green-400);
  --border-warning: var(--orange-400);
  --border-input-highlight: #ffffff73;
  --icon-default: #ffffff;
  --icon-default-subtle: var(--steel-300);
  --icon-default-muted: var(--steel-400);
  --icon-default-disabled: var(--steel-600);
  --icon-inverted-default: var(--steel-950);
  --icon-inverted-subtle: var(--steel-600);
  --icon-destructive: var(--red-300);
  --icon-informative: var(--blue-300);
  --icon-success: var(--green-300);
  --icon-warning: var(--yellow-300);
}

/* Tema escuro pelo sistema, quando a pessoa ainda não escolheu (e sem JavaScript) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg-default: var(--steel-950);
    --bg-subtle: var(--steel-900);
    --bg-muted: var(--steel-800);
    --bg-inverted: #ffffff;
    --bg-canvas: var(--steel-800);
    --bg-surface: var(--steel-900);
    --bg-card: var(--steel-800);
    --bg-card-subtle: var(--steel-700);
    --bg-card-inverted: #ffffff;
    --bg-canvas-card: var(--steel-800);
    --bg-sidebar: var(--steel-925);
    --bg-sidebar-subtle: var(--steel-1000);
    --bg-sidebar-tabs: var(--steel-925);
    --bg-tab-drop-shadow: var(--transparent-dark-50);
    --bg-tab-inner-shadow: #ffffff0f;
    --bg-input: #ffffff0f;
    --bg-input-soft: var(--transparent-light-8);
    --bg-input-disabled: var(--transparent-light-15);
    --bg-floating: var(--transparent-dark-50);
    --bg-overlay: #000000b2;
    --bg-state-primary: var(--steel-50);
    --bg-state-primary-hover: var(--steel-100);
    --bg-state-primary-press: var(--steel-200);
    --bg-state-secondary: #ffffff0a;
    --bg-state-secondary-hover: var(--transparent-light-8);
    --bg-state-secondary-press: #ffffff1a;
    --bg-state-soft: var(--transparent-light-8);
    --bg-state-soft-hover: #ffffff1a;
    --bg-state-soft-press: var(--transparent-light-15);
    --bg-state-ghost-hover: var(--transparent-light-8);
    --bg-state-ghost-press: var(--transparent-light-15);
    --bg-state-brand: var(--orange-600);
    --bg-state-brand-hover: var(--orange-500);
    --bg-state-brand-press: var(--orange-400);
    --bg-state-disabled: var(--transparent-light-8);
    --bg-badge-gray: #ffffff1a;
    --bg-badge-inverted: #ffffff;
    --bg-switch-default: var(--steel-600);
    --text-default: #ffffff;
    --text-subtle: var(--steel-300);
    --text-muted: var(--steel-400);
    --text-hint: var(--transparent-light-30);
    --text-placeholder: #a1a1a9;
    --text-inverted-default: var(--steel-950);
    --text-inverted-subtle: var(--steel-600);
    --text-inverted-muted: var(--steel-500);
    --text-destructive: var(--red-400);
    --text-success: var(--green-500);
    --text-warning: var(--orange-400);
    --text-informative: var(--blue-400);
    --border-default: #ffffff1a;
    --border-darker: var(--transparent-light-15);
    --border-strong: #ffffff40;
    --border-inverted: var(--transparent-dark-10);
    --border-accent: #ffffff;
    --border-destructive: var(--red-400);
    --border-informative: var(--blue-400);
    --border-success: var(--green-400);
    --border-warning: var(--orange-400);
    --border-input-highlight: #ffffff73;
    --icon-default: #ffffff;
    --icon-default-subtle: var(--steel-300);
    --icon-default-muted: var(--steel-400);
    --icon-default-disabled: var(--steel-600);
    --icon-inverted-default: var(--steel-950);
    --icon-inverted-subtle: var(--steel-600);
    --icon-destructive: var(--red-300);
    --icon-informative: var(--blue-300);
    --icon-success: var(--green-300);
    --icon-warning: var(--yellow-300);
  }
}