/*
 * GENERATED from @seekout/design-system 0.8.3 — do not edit.
 *
 * Regenerate: cd src/developer-console && yarn docs-tokens
 * CI runs `yarn docs-tokens:check` and fails on any difference.
 *
 * Dark is the base; light applies under (prefers-color-scheme: light), so a
 * browser that does not evaluate the query renders dark (console-figma-parity
 * part 2, Q-A). An explicit Theme choice (the shared slot, applied by
 * site/static/theme.js as .dark or .light on <html>) beats the OS both ways.
 * Sources: variables.css, tokens.css, tokens/button.css, tokens/tag.css,
 * tokens/notification.css, and a named whitelist of stock tailwindcss/theme.css values.
 */

:root {
  color-scheme: dark;

  /* Palette (variables.css) — mode-independent. */
  --palette-black: #000000;
  --palette-black-alpha-0: #00000000;
  --palette-black-alpha-50: #00000080;
  --palette-black-alpha-90: #000000e6;
  --palette-blue-10: #e9f2ff;
  --palette-blue-100: #1c2b41;
  --palette-blue-20: #cce0ff;
  --palette-blue-30: #85b8ff;
  --palette-blue-40: #579dff;
  --palette-blue-50: #388bff;
  --palette-blue-60: #1d7afc;
  --palette-blue-70: #0c66e4;
  --palette-blue-80: #0055cc;
  --palette-blue-90: #09326c;
  --palette-chart-azure: #87e2ff;
  --palette-chart-cobalt: #0596ff;
  --palette-chart-cream: #ffeca7;
  --palette-chart-cyan: #05c3ff;
  --palette-chart-gold: #ffd12f;
  --palette-chart-honey: #fadd79;
  --palette-chart-ice: #b1ecff;
  --palette-chart-sky: #67dbff;
  --palette-green-10: #dcfff1;
  --palette-green-100: #1c3329;
  --palette-green-20: #baf3db;
  --palette-green-30: #7ee2b8;
  --palette-green-40: #4bce97;
  --palette-green-50: #2abb7f;
  --palette-green-60: #22a06b;
  --palette-green-70: #1f845a;
  --palette-green-80: #216e4e;
  --palette-green-90: #164b35;
  --palette-lime-10: #efffd6;
  --palette-lime-100: #28311b;
  --palette-lime-20: #d3f1a7;
  --palette-lime-30: #b3df72;
  --palette-lime-40: #94c748;
  --palette-lime-50: #82b536;
  --palette-lime-60: #6a9a23;
  --palette-lime-70: #5b7f24;
  --palette-lime-80: #4c6b1f;
  --palette-lime-90: #37471f;
  --palette-mint-05: #dcfff1;
  --palette-mint-10: #bafae8;
  --palette-mint-100n: #00241c;
  --palette-mint-20: #9bebd3;
  --palette-mint-30: #5fe4c4;
  --palette-mint-40: #00e2ab;
  --palette-mint-50: #00c49c;
  --palette-mint-60: #00b58f;
  --palette-mint-70: #007a5f;
  --palette-mint-80n: #003d30;
  --palette-mint-90n: #002e24;
  --palette-neutral-10: #f9f9f9;
  --palette-neutral-100: #121212;
  --palette-neutral-20: #f5f5f5;
  --palette-neutral-30: #ececeb;
  --palette-neutral-40: #e2e2e2;
  --palette-neutral-50: #8a8a8a;
  --palette-neutral-60: #666666;
  --palette-neutral-70: #2e2e2e;
  --palette-neutral-80: #1e1e1e;
  --palette-neutral-90: #181818;
  --palette-orange-10: #fff3eb;
  --palette-orange-100: #38291e;
  --palette-orange-20: #fedec8;
  --palette-orange-30: #fec195;
  --palette-orange-40: #fea362;
  --palette-orange-50: #f38a3f;
  --palette-orange-60: #e56910;
  --palette-orange-70: #c25100;
  --palette-orange-80: #a54800;
  --palette-orange-90: #702e00;
  --palette-pink-10: #ffecf8;
  --palette-pink-100: #3d2232;
  --palette-pink-20: #fdd0ec;
  --palette-pink-30: #f797d2;
  --palette-pink-40: #e774bb;
  --palette-pink-50: #da62ac;
  --palette-pink-60: #cd519d;
  --palette-pink-70: #ae4787;
  --palette-pink-80: #943d73;
  --palette-pink-90: #50253f;
  --palette-purple-10: #f3f0ff;
  --palette-purple-100: #2b273f;
  --palette-purple-20: #dfd8fd;
  --palette-purple-30: #b8acf6;
  --palette-purple-40: #9f8fef;
  --palette-purple-50: #8f7ee7;
  --palette-purple-60: #8270db;
  --palette-purple-70: #6e5dc6;
  --palette-purple-80: #5e4db2;
  --palette-purple-90: #352c63;
  --palette-red-10: #fef3f3;
  --palette-red-100: #42221f;
  --palette-red-20: #f7a1a1;
  --palette-red-30: #fd9891;
  --palette-red-40: #f87168;
  --palette-red-50: #eb1414;
  --palette-red-60: #e2483d;
  --palette-red-70: #c9372c;
  --palette-red-80: #ae2e24;
  --palette-red-90: #5d1f1a;
  --palette-tangerine-10: #ffcdaf;
  --palette-tangerine-100n: #240700;
  --palette-tangerine-20: #ffae7b;
  --palette-tangerine-30: #ff983b;
  --palette-tangerine-40: #ff7d00;
  --palette-tangerine-50: #ff5c00;
  --palette-tangerine-60: #fd3f00;
  --palette-tangerine-70: #bf2300;
  --palette-tangerine-80n: #8a1900;
  --palette-tangerine-90n: #571000;
  --palette-teal-10: #e7f9ff;
  --palette-teal-100: #1e3137;
  --palette-teal-20: #c6edfb;
  --palette-teal-30: #9dd9ee;
  --palette-teal-40: #6cc3e0;
  --palette-teal-50: #42b2d7;
  --palette-teal-60: #2898bd;
  --palette-teal-70: #227d9b;
  --palette-teal-80: #206a83;
  --palette-teal-90: #164555;
  --palette-vanilla-100n: #b89f7f;
  --palette-vanilla-10n: #fdfcfb;
  --palette-vanilla-20: #faf8f6;
  --palette-vanilla-30: #f6f1eb;
  --palette-vanilla-35n: #f2ebe3;
  --palette-vanilla-40: #ebe4db;
  --palette-vanilla-50n: #ebe4db;
  --palette-vanilla-60n: #e4dace;
  --palette-vanilla-70n: #dcd0c1;
  --palette-vanilla-80n: #d5c6b4;
  --palette-vanilla-90n: #cab8a0;
  --palette-violet-10: #ebdeff;
  --palette-violet-100: #171024;
  --palette-violet-20: #d8b3ff;
  --palette-violet-30: #ac65f2;
  --palette-violet-40: #9e00f0;
  --palette-violet-50: #781fb3;
  --palette-violet-60: #4f0064;
  --palette-violet-70: #410a5a;
  --palette-violet-80: #291242;
  --palette-violet-90: #201639;
  --palette-white: #ffffff;
  --palette-white-alpha-0: #ffffff00;
  --palette-white-alpha-15: #ffffff33;
  --palette-white-alpha-30: #ffffff4d;
  --palette-white-alpha-50: #ffffff80;
  --palette-white-alpha-80: #ffffffcc;
  --palette-yellow-10: #fff7d6;
  --palette-yellow-100: #332e1b;
  --palette-yellow-20: #f8e6a0;
  --palette-yellow-30: #f5cd47;
  --palette-yellow-40: #e2b203;
  --palette-yellow-50: #cf9f02;
  --palette-yellow-60: #b38600;
  --palette-yellow-70: #946f00;
  --palette-yellow-80: #7f5f01;
  --palette-yellow-90: #533f04;

  /* Semantic and component tokens — the .dark values, completed by light. */
  --accent: var(--palette-tangerine-30);
  --accent-blue-fill: var(--palette-blue-80);
  --accent-blue-foreground: var(--palette-blue-30);
  --accent-blue-strong: var(--palette-blue-30);
  --accent-blue-subtle: var(--palette-blue-100);
  --accent-foreground: var(--palette-neutral-100);
  --accent-green-fill: var(--palette-green-80);
  --accent-green-foreground: var(--palette-green-30);
  --accent-green-strong: var(--palette-green-30);
  --accent-green-subtle: var(--palette-green-100);
  --accent-lime-fill: var(--palette-lime-80);
  --accent-lime-foreground: var(--palette-lime-30);
  --accent-lime-strong: var(--palette-lime-30);
  --accent-lime-subtle: var(--palette-lime-100);
  --accent-orange: var(--palette-orange-40);
  --accent-orange-fill: var(--palette-orange-80);
  --accent-orange-foreground: var(--palette-orange-30);
  --accent-orange-strong: var(--palette-orange-30);
  --accent-orange-subtle: var(--palette-orange-100);
  --accent-orange-subtle-strong: var(--palette-orange-20);
  --accent-pink-fill: var(--palette-pink-80);
  --accent-pink-foreground: var(--palette-pink-30);
  --accent-pink-strong: var(--palette-pink-30);
  --accent-pink-subtle: var(--palette-pink-100);
  --accent-purple-fill: var(--palette-purple-80);
  --accent-purple-foreground: var(--palette-purple-30);
  --accent-purple-strong: var(--palette-purple-30);
  --accent-purple-subtle: var(--palette-purple-100);
  --accent-red-fill: var(--palette-red-80);
  --accent-red-foreground: var(--palette-red-30);
  --accent-red-strong: var(--palette-red-30);
  --accent-red-subtle: var(--palette-red-100);
  --accent-teal-fill: var(--palette-teal-80);
  --accent-teal-foreground: var(--palette-teal-30);
  --accent-teal-strong: var(--palette-teal-30);
  --accent-teal-subtle: var(--palette-teal-100);
  --accent-yellow-fill: var(--palette-yellow-80);
  --accent-yellow-foreground: var(--palette-yellow-30);
  --accent-yellow-strong: var(--palette-yellow-30);
  --accent-yellow-subtle: var(--palette-yellow-100);
  --ai-gradient: linear-gradient( 115deg, rgb(239, 131, 50) 5%, rgb(144, 43, 231) 99% );
  --ai-surface: linear-gradient( 99.6deg, color-mix(in oklab, var(--palette-tangerine-10) 50%, transparent) 5.37%, color-mix(in oklab, var(--palette-violet-20) 50%, transparent) 98.65% ), var(--palette-neutral-80);
  --ai-surface-subtle: linear-gradient( to bottom right, color-mix(in oklab, var(--palette-tangerine-10) 20%, transparent), color-mix(in oklab, var(--palette-violet-10) 20%, transparent) ), var(--card);
  --background: var(--palette-neutral-100);
  --border: var(--palette-neutral-70);
  --canvas: var(--palette-neutral-90);
  --card: var(--palette-neutral-90);
  --card-foreground: var(--palette-neutral-40);
  --chart-1: var(--palette-violet-30);
  --chart-10: var(--palette-chart-cyan);
  --chart-11: var(--palette-chart-cream);
  --chart-12: var(--palette-mint-30);
  --chart-13: var(--palette-violet-10);
  --chart-14: var(--palette-tangerine-30);
  --chart-15: var(--palette-chart-azure);
  --chart-16: var(--palette-chart-honey);
  --chart-17: var(--palette-chart-cobalt);
  --chart-18: var(--palette-violet-20);
  --chart-2: var(--palette-mint-20);
  --chart-3: var(--palette-tangerine-10);
  --chart-4: var(--palette-chart-ice);
  --chart-5: var(--palette-mint-40);
  --chart-6: var(--palette-chart-gold);
  --chart-7: var(--palette-chart-sky);
  --chart-8: var(--palette-violet-40);
  --chart-9: var(--palette-tangerine-20);
  --color-button-ai-background-disabled: transparent;
  --color-button-ai-background-gradient-stop-1: var(--palette-tangerine-10);
  --color-button-ai-background-gradient-stop-2: var(--palette-violet-10);
  --color-button-ai-border-default: var(--palette-violet-30);
  --color-button-ai-border-disabled: var(--palette-neutral-70);
  --color-button-ai-border-hovered: var(--palette-violet-20);
  --color-button-ai-border-pressed: var(--palette-violet-30);
  --color-button-ai-divider-default: var(--color-button-ai-border-default);
  --color-button-ai-divider-disabled: var(--color-button-ai-border-disabled);
  --color-button-ai-divider-hovered: var(--color-button-ai-border-hovered);
  --color-button-ai-divider-pressed: var(--color-button-ai-border-pressed);
  --color-button-ai-text-default: var(--palette-violet-30);
  --color-button-ai-text-disabled: var(--palette-neutral-60);
  --color-button-ai-text-hovered: var(--palette-violet-20);
  --color-button-ai-text-pressed: var(--palette-violet-30);
  --color-button-ghost-background-default: transparent;
  --color-button-ghost-background-disabled: transparent;
  --color-button-ghost-background-hovered: var(--palette-neutral-80);
  --color-button-ghost-background-pressed: transparent;
  --color-button-ghost-border-default: transparent;
  --color-button-ghost-border-disabled: transparent;
  --color-button-ghost-border-hovered: var(--palette-neutral-80);
  --color-button-ghost-border-pressed: var(--palette-violet-30);
  --color-button-ghost-text-default: var(--palette-neutral-10);
  --color-button-ghost-text-disabled: var(--palette-neutral-60);
  --color-button-ghost-text-hovered: var(--palette-violet-30);
  --color-button-ghost-text-pressed: var(--palette-violet-30);
  --color-button-primary-background-default: var(--palette-violet-30);
  --color-button-primary-background-disabled: var(--palette-neutral-80);
  --color-button-primary-background-hovered: var(--palette-violet-20);
  --color-button-primary-background-pressed: var(--palette-violet-30);
  --color-button-primary-border-default: var(--palette-violet-30);
  --color-button-primary-border-disabled: var(--palette-neutral-80);
  --color-button-primary-border-hovered: var(--palette-violet-20);
  --color-button-primary-border-pressed: var(--palette-violet-30);
  --color-button-primary-divider-default: var(--color-button-primary-text-default);
  --color-button-primary-divider-disabled: var(--color-button-primary-text-disabled);
  --color-button-primary-divider-hovered: var(--color-button-primary-text-hovered);
  --color-button-primary-divider-pressed: var(--color-button-primary-text-pressed);
  --color-button-primary-text-default: var(--palette-black);
  --color-button-primary-text-disabled: var(--palette-neutral-60);
  --color-button-primary-text-hovered: var(--palette-black);
  --color-button-primary-text-pressed: var(--palette-black);
  --color-button-secondary-background-default: transparent;
  --color-button-secondary-background-disabled: transparent;
  --color-button-secondary-background-hovered: transparent;
  --color-button-secondary-background-pressed: transparent;
  --color-button-secondary-border-default: var(--palette-violet-30);
  --color-button-secondary-border-disabled: var(--palette-neutral-70);
  --color-button-secondary-border-hovered: var(--palette-violet-20);
  --color-button-secondary-border-pressed: var(--palette-violet-30);
  --color-button-secondary-divider-default: var(--color-button-secondary-border-default);
  --color-button-secondary-divider-disabled: var(--color-button-secondary-border-disabled);
  --color-button-secondary-divider-hovered: var(--color-button-secondary-border-hovered);
  --color-button-secondary-divider-pressed: var(--color-button-secondary-border-pressed);
  --color-button-secondary-text-default: var(--palette-violet-30);
  --color-button-secondary-text-disabled: var(--palette-neutral-60);
  --color-button-secondary-text-hovered: var(--palette-violet-20);
  --color-button-secondary-text-pressed: var(--palette-violet-30);
  --color-button-tertiary-2-background-default: transparent;
  --color-button-tertiary-2-background-disabled: transparent;
  --color-button-tertiary-2-background-hovered: transparent;
  --color-button-tertiary-2-background-pressed: transparent;
  --color-button-tertiary-2-border-default: var(--palette-neutral-70);
  --color-button-tertiary-2-border-disabled: var(--palette-neutral-70);
  --color-button-tertiary-2-border-hovered: var(--palette-neutral-70);
  --color-button-tertiary-2-border-pressed: var(--palette-violet-30);
  --color-button-tertiary-2-divider-default: var(--color-button-tertiary-2-border-default);
  --color-button-tertiary-2-divider-disabled: var(--color-button-tertiary-2-border-disabled);
  --color-button-tertiary-2-divider-hovered: var(--color-button-tertiary-2-border-hovered);
  --color-button-tertiary-2-divider-pressed: var(--color-button-tertiary-2-border-pressed);
  --color-button-tertiary-2-text-default: var(--palette-neutral-10);
  --color-button-tertiary-2-text-disabled: var(--palette-neutral-60);
  --color-button-tertiary-2-text-hovered: var(--palette-violet-30);
  --color-button-tertiary-2-text-pressed: var(--palette-violet-30);
  --color-button-tertiary-background-default: transparent;
  --color-button-tertiary-background-disabled: transparent;
  --color-button-tertiary-background-hovered: transparent;
  --color-button-tertiary-background-pressed: transparent;
  --color-button-tertiary-border-default: var(--palette-neutral-70);
  --color-button-tertiary-border-disabled: var(--palette-neutral-70);
  --color-button-tertiary-border-hovered: var(--palette-neutral-70);
  --color-button-tertiary-border-pressed: var(--palette-violet-30);
  --color-button-tertiary-divider-default: var(--color-button-tertiary-border-default);
  --color-button-tertiary-divider-disabled: var(--color-button-tertiary-border-disabled);
  --color-button-tertiary-divider-hovered: var(--color-button-tertiary-border-hovered);
  --color-button-tertiary-divider-pressed: var(--color-button-tertiary-border-pressed);
  --color-button-tertiary-text-default: var(--palette-neutral-10);
  --color-button-tertiary-text-disabled: var(--palette-neutral-60);
  --color-button-tertiary-text-hovered: var(--palette-violet-30);
  --color-button-tertiary-text-pressed: var(--palette-violet-30);
  --color-link-default: var(--palette-violet-30);
  --color-link-disabled: var(--palette-neutral-60);
  --color-link-hovered: var(--palette-violet-20);
  --color-link-pressed: var(--palette-violet-20);
  --color-notification-button-primary-background: var(--palette-violet-30);
  --color-notification-button-primary-text: var(--palette-violet-90);
  --color-notification-button-secondary-border: var(--palette-violet-30);
  --color-notification-button-secondary-text: var(--palette-violet-30);
  --color-notification-error-background: var(--palette-neutral-80);
  --color-notification-error-border: var(--palette-red-50);
  --color-notification-error-icon: var(--palette-red-50);
  --color-notification-icon-knockout: var(--palette-white);
  --color-notification-info-background: var(--palette-neutral-80);
  --color-notification-info-border: var(--palette-violet-50);
  --color-notification-info-icon: var(--palette-violet-50);
  --color-notification-link: var(--palette-violet-30);
  --color-notification-shadow: color-mix(in srgb, var(--palette-black) 5%, transparent);
  --color-notification-success-background: var(--palette-neutral-80);
  --color-notification-success-border: var(--palette-mint-50);
  --color-notification-success-icon: var(--palette-mint-50);
  --color-notification-text: var(--palette-neutral-40);
  --color-notification-text-subtle: var(--palette-neutral-50);
  --color-notification-warning-background: var(--palette-neutral-80);
  --color-notification-warning-border: var(--palette-tangerine-40);
  --color-notification-warning-icon: var(--palette-tangerine-40);
  --color-tag-ai-background: linear-gradient( 90.5deg, rgba(239, 131, 50, 0.3) 5.37%, rgba(144, 43, 231, 0.3) 98.65% ), var(--palette-neutral-80);
  --color-tag-ai-text: var(--palette-neutral-20);
  --color-tag-blank-text: var(--palette-neutral-20);
  --color-tag-blue-background: var(--palette-blue-90);
  --color-tag-blue-border-hovered: var(--palette-blue-30);
  --color-tag-blue-text: var(--palette-blue-20);
  --color-tag-gray-background: var(--palette-neutral-80);
  --color-tag-gray-border-hovered: var(--palette-neutral-50);
  --color-tag-gray-text: var(--palette-neutral-20);
  --color-tag-gray-text-disabled: var(--palette-neutral-60);
  --color-tag-lime-background: var(--palette-lime-90);
  --color-tag-lime-border-hovered: var(--palette-lime-30);
  --color-tag-lime-text: var(--palette-lime-20);
  --color-tag-mint-background: var(--palette-green-90);
  --color-tag-mint-border-hovered: var(--palette-green-30);
  --color-tag-mint-text: var(--palette-green-20);
  --color-tag-orange-background: var(--palette-orange-90);
  --color-tag-orange-border-hovered: var(--palette-orange-30);
  --color-tag-orange-text: var(--palette-orange-20);
  --color-tag-pink-background: var(--palette-pink-90);
  --color-tag-pink-border-hovered: var(--palette-pink-30);
  --color-tag-pink-text: var(--palette-pink-20);
  --color-tag-purple-background: var(--palette-purple-90);
  --color-tag-purple-border-hovered: var(--palette-purple-30);
  --color-tag-purple-text: var(--palette-purple-20);
  --color-tag-red-background: var(--palette-red-90);
  --color-tag-red-border-hovered: var(--palette-red-20);
  --color-tag-red-text: var(--palette-red-20);
  --color-tag-teal-background: var(--palette-teal-90);
  --color-tag-teal-border-hovered: var(--palette-teal-30);
  --color-tag-teal-text: var(--palette-teal-20);
  --color-tag-vanilla-background: var(--palette-neutral-80);
  --color-tag-vanilla-border: var(--palette-neutral-70);
  --color-tag-vanilla-border-hovered: var(--palette-neutral-50);
  --color-tag-vanilla-text: var(--palette-neutral-20);
  --color-tag-violet-background: var(--palette-violet-90);
  --color-tag-violet-border-hovered: var(--palette-violet-30);
  --color-tag-violet-text: var(--palette-violet-20);
  --color-tag-yellow-background: var(--palette-yellow-90);
  --color-tag-yellow-border-hovered: var(--palette-yellow-30);
  --color-tag-yellow-text: var(--palette-yellow-20);
  --destructive: var(--palette-red-50);
  --destructive-foreground: var(--palette-red-40);
  --destructive-subtle: var(--palette-red-90);
  --destructive-subtle-strong: var(--palette-red-30);
  --evidence-highlight: var(--palette-yellow-30);
  --evidence-highlight-foreground: var(--palette-neutral-100);
  --evidence-marker: var(--palette-yellow-30);
  --foreground: var(--palette-neutral-40);
  --foreground-strong: var(--palette-white);
  --info: var(--palette-blue-50);
  --info-foreground: var(--palette-blue-30);
  --input: var(--palette-neutral-70);
  --muted: var(--palette-neutral-80);
  --muted-foreground: var(--palette-neutral-50);
  --popover: var(--palette-neutral-90);
  --popover-foreground: var(--palette-neutral-40);
  --primary: var(--palette-violet-30);
  --primary-foreground: var(--palette-violet-100);
  --primary-subtle: var(--palette-violet-90);
  --primary-subtle-foreground: var(--foreground);
  --progress-shimmer-overlay: var(--palette-white-alpha-30);
  --progress-stripe-overlay: var(--palette-white-alpha-15);
  --radius: 0.5rem;
  --ring: var(--palette-violet-30);
  --secondary: var(--palette-neutral-80);
  --secondary-foreground: var(--palette-neutral-40);
  --secondary-light: var(--palette-neutral-80);
  --sidebar: var(--palette-neutral-90);
  --sidebar-accent: var(--palette-neutral-70);
  --sidebar-accent-foreground: var(--palette-neutral-40);
  --sidebar-accent-hover: var(--palette-neutral-80);
  --sidebar-border: var(--palette-neutral-70);
  --sidebar-foreground: var(--palette-neutral-40);
  --sidebar-primary: var(--palette-violet-30);
  --sidebar-primary-foreground: var(--palette-neutral-10);
  --sidebar-ring: var(--palette-violet-30);
  --success: var(--palette-mint-40);
  --success-foreground: var(--palette-mint-30);
  --success-subtle: var(--palette-mint-90n);
  --success-subtle-strong: var(--palette-mint-40);
  --surface-brand-strong: var(--palette-neutral-80);
  --surface-brand-strong-foreground: var(--palette-white);
  --warning: var(--palette-yellow-30);
  --warning-foreground: var(--palette-yellow-10);

  /* Scale — tokens.css @theme, plus the stock Tailwind whitelist. */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --leading-relaxed: 1.625;
  --leading-snug: 1.375;
  --leading-tight: 1.25;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-lg: var(--radius);
  --radius-md: 0.375rem;
  --radius-sm: 0.25rem;
  --radius-xl: 0.75rem;
  --radius-xs: 0.125rem;
  --shadow-elevation-soft: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 4px 12px -2px rgb(0 0 0 / 0.08);
  --spacing: 0.25rem;
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
}

@media (prefers-color-scheme: light) {
  :root:not(.dark) {
    color-scheme: light;
    --accent: var(--palette-tangerine-40);
    --accent-blue-fill: var(--palette-blue-30);
    --accent-blue-foreground: var(--palette-blue-80);
    --accent-blue-strong: var(--palette-blue-80);
    --accent-blue-subtle: var(--palette-blue-10);
    --accent-foreground: var(--palette-white);
    --accent-green-fill: var(--palette-green-30);
    --accent-green-foreground: var(--palette-green-80);
    --accent-green-strong: var(--palette-green-80);
    --accent-green-subtle: var(--palette-green-10);
    --accent-lime-fill: var(--palette-lime-30);
    --accent-lime-foreground: var(--palette-lime-80);
    --accent-lime-strong: var(--palette-lime-80);
    --accent-lime-subtle: var(--palette-lime-10);
    --accent-orange: var(--palette-orange-50);
    --accent-orange-fill: var(--palette-orange-30);
    --accent-orange-foreground: var(--palette-orange-80);
    --accent-orange-strong: var(--palette-orange-80);
    --accent-orange-subtle: var(--palette-orange-10);
    --accent-orange-subtle-strong: var(--palette-orange-30);
    --accent-pink-fill: var(--palette-pink-30);
    --accent-pink-foreground: var(--palette-pink-80);
    --accent-pink-strong: var(--palette-pink-80);
    --accent-pink-subtle: var(--palette-pink-10);
    --accent-purple-fill: var(--palette-purple-30);
    --accent-purple-foreground: var(--palette-purple-80);
    --accent-purple-strong: var(--palette-purple-80);
    --accent-purple-subtle: var(--palette-purple-10);
    --accent-red-fill: var(--palette-red-30);
    --accent-red-foreground: var(--palette-red-80);
    --accent-red-strong: var(--palette-red-80);
    --accent-red-subtle: var(--palette-red-10);
    --accent-teal-fill: var(--palette-teal-30);
    --accent-teal-foreground: var(--palette-teal-80);
    --accent-teal-strong: var(--palette-teal-80);
    --accent-teal-subtle: var(--palette-teal-10);
    --accent-yellow-fill: var(--palette-yellow-30);
    --accent-yellow-foreground: var(--palette-yellow-80);
    --accent-yellow-strong: var(--palette-yellow-80);
    --accent-yellow-subtle: var(--palette-yellow-10);
    --ai-surface: linear-gradient( 99.6deg, color-mix(in oklab, var(--palette-tangerine-10) 50%, transparent) 5.37%, color-mix(in oklab, var(--palette-violet-20) 50%, transparent) 98.65% ), var(--palette-white);
    --background: var(--palette-white);
    --border: var(--palette-neutral-40);
    --canvas: var(--palette-vanilla-20);
    --card: var(--palette-white);
    --card-foreground: var(--palette-neutral-70);
    --color-button-ai-border-default: var(--palette-violet-50);
    --color-button-ai-border-disabled: var(--palette-neutral-40);
    --color-button-ai-border-hovered: var(--palette-violet-60);
    --color-button-ai-border-pressed: var(--palette-violet-50);
    --color-button-ai-text-default: var(--palette-violet-50);
    --color-button-ai-text-disabled: var(--palette-neutral-50);
    --color-button-ai-text-hovered: var(--palette-violet-60);
    --color-button-ai-text-pressed: var(--palette-violet-50);
    --color-button-ghost-background-hovered: var(--palette-neutral-10);
    --color-button-ghost-border-hovered: var(--palette-neutral-10);
    --color-button-ghost-border-pressed: var(--palette-violet-50);
    --color-button-ghost-text-default: var(--palette-violet-100);
    --color-button-ghost-text-disabled: var(--palette-neutral-50);
    --color-button-ghost-text-hovered: var(--palette-violet-50);
    --color-button-ghost-text-pressed: var(--palette-violet-50);
    --color-button-primary-background-default: var(--palette-violet-50);
    --color-button-primary-background-disabled: var(--palette-neutral-30);
    --color-button-primary-background-hovered: var(--palette-violet-60);
    --color-button-primary-background-pressed: var(--palette-violet-50);
    --color-button-primary-border-default: var(--palette-violet-50);
    --color-button-primary-border-disabled: var(--palette-neutral-30);
    --color-button-primary-border-hovered: var(--palette-violet-60);
    --color-button-primary-border-pressed: var(--palette-violet-50);
    --color-button-primary-text-default: var(--palette-white);
    --color-button-primary-text-disabled: var(--palette-neutral-50);
    --color-button-primary-text-hovered: var(--palette-white);
    --color-button-primary-text-pressed: var(--palette-white);
    --color-button-secondary-border-default: var(--palette-violet-50);
    --color-button-secondary-border-disabled: var(--palette-neutral-40);
    --color-button-secondary-border-hovered: var(--palette-violet-60);
    --color-button-secondary-border-pressed: var(--palette-violet-50);
    --color-button-secondary-text-default: var(--palette-violet-50);
    --color-button-secondary-text-disabled: var(--palette-neutral-50);
    --color-button-secondary-text-hovered: var(--palette-violet-60);
    --color-button-secondary-text-pressed: var(--palette-violet-50);
    --color-button-tertiary-2-border-default: var(--palette-vanilla-40);
    --color-button-tertiary-2-border-disabled: var(--palette-vanilla-40);
    --color-button-tertiary-2-border-hovered: var(--palette-vanilla-40);
    --color-button-tertiary-2-border-pressed: var(--palette-violet-50);
    --color-button-tertiary-2-text-default: var(--palette-violet-100);
    --color-button-tertiary-2-text-disabled: var(--palette-neutral-50);
    --color-button-tertiary-2-text-hovered: var(--palette-violet-50);
    --color-button-tertiary-2-text-pressed: var(--palette-violet-50);
    --color-button-tertiary-border-default: var(--palette-neutral-40);
    --color-button-tertiary-border-disabled: var(--palette-neutral-40);
    --color-button-tertiary-border-hovered: var(--palette-neutral-40);
    --color-button-tertiary-border-pressed: var(--palette-violet-50);
    --color-button-tertiary-text-default: var(--palette-violet-100);
    --color-button-tertiary-text-disabled: var(--palette-neutral-50);
    --color-button-tertiary-text-hovered: var(--palette-violet-50);
    --color-button-tertiary-text-pressed: var(--palette-violet-50);
    --color-link-default: var(--palette-violet-50);
    --color-link-disabled: var(--palette-neutral-50);
    --color-link-hovered: var(--palette-violet-60);
    --color-link-pressed: var(--palette-violet-60);
    --color-notification-button-primary-background: var(--palette-violet-50);
    --color-notification-button-primary-text: var(--palette-white);
    --color-notification-button-secondary-border: var(--palette-violet-50);
    --color-notification-button-secondary-text: var(--palette-violet-50);
    --color-notification-error-background: var(--palette-red-10);
    --color-notification-info-background: var(--palette-violet-10);
    --color-notification-link: var(--palette-violet-50);
    --color-notification-success-background: var(--palette-mint-10);
    --color-notification-text: var(--palette-neutral-80);
    --color-notification-text-subtle: var(--palette-neutral-60);
    --color-notification-warning-background: var(--palette-vanilla-30);
    --color-tag-ai-background: linear-gradient( 90.5deg, rgba(239, 131, 50, 0.3) 5.37%, rgba(144, 43, 231, 0.3) 98.65% ), var(--palette-vanilla-30);
    --color-tag-ai-text: var(--palette-neutral-70);
    --color-tag-blank-text: var(--palette-neutral-70);
    --color-tag-blue-background: var(--palette-blue-10);
    --color-tag-blue-border-hovered: var(--palette-blue-50);
    --color-tag-blue-text: var(--palette-blue-80);
    --color-tag-gray-background: var(--palette-neutral-40);
    --color-tag-gray-text: var(--palette-neutral-60);
    --color-tag-gray-text-disabled: var(--palette-neutral-50);
    --color-tag-lime-background: var(--palette-lime-10);
    --color-tag-lime-border-hovered: var(--palette-lime-50);
    --color-tag-lime-text: var(--palette-lime-80);
    --color-tag-mint-background: var(--palette-green-10);
    --color-tag-mint-border-hovered: var(--palette-green-50);
    --color-tag-mint-text: var(--palette-green-80);
    --color-tag-orange-background: var(--palette-orange-10);
    --color-tag-orange-border-hovered: var(--palette-orange-50);
    --color-tag-orange-text: var(--palette-orange-80);
    --color-tag-pink-background: var(--palette-pink-10);
    --color-tag-pink-border-hovered: var(--palette-pink-50);
    --color-tag-pink-text: var(--palette-pink-80);
    --color-tag-purple-background: var(--palette-purple-10);
    --color-tag-purple-border-hovered: var(--palette-purple-50);
    --color-tag-purple-text: var(--palette-purple-80);
    --color-tag-red-background: var(--palette-red-10);
    --color-tag-red-border-hovered: var(--palette-red-50);
    --color-tag-red-text: var(--palette-red-80);
    --color-tag-teal-background: var(--palette-teal-10);
    --color-tag-teal-border-hovered: var(--palette-teal-50);
    --color-tag-teal-text: var(--palette-teal-80);
    --color-tag-vanilla-background: var(--palette-vanilla-30);
    --color-tag-vanilla-border: var(--palette-vanilla-40);
    --color-tag-vanilla-border-hovered: var(--palette-vanilla-100n);
    --color-tag-vanilla-text: var(--palette-neutral-70);
    --color-tag-violet-background: var(--palette-violet-10);
    --color-tag-violet-text: var(--palette-violet-50);
    --color-tag-yellow-background: var(--palette-yellow-10);
    --color-tag-yellow-border-hovered: var(--palette-yellow-50);
    --color-tag-yellow-text: var(--palette-yellow-80);
    --destructive-foreground: var(--palette-red-50);
    --destructive-subtle: var(--palette-red-10);
    --evidence-highlight: var(--palette-mint-05);
    --evidence-highlight-foreground: var(--foreground);
    --evidence-marker: var(--success);
    --foreground: var(--palette-neutral-70);
    --foreground-strong: var(--palette-black);
    --info: var(--palette-blue-60);
    --info-foreground: var(--palette-blue-70);
    --input: var(--palette-neutral-40);
    --muted: var(--palette-vanilla-30);
    --muted-foreground: var(--palette-neutral-60);
    --popover: var(--palette-white);
    --popover-foreground: var(--palette-neutral-70);
    --primary: var(--palette-violet-50);
    --primary-foreground: var(--palette-white);
    --primary-subtle: var(--palette-violet-10);
    --ring: var(--palette-violet-50);
    --secondary: var(--palette-neutral-20);
    --secondary-foreground: var(--palette-neutral-70);
    --secondary-light: var(--palette-neutral-10);
    --sidebar: var(--palette-vanilla-30);
    --sidebar-accent: var(--palette-vanilla-40);
    --sidebar-accent-foreground: var(--palette-neutral-70);
    --sidebar-accent-hover: var(--palette-vanilla-30);
    --sidebar-border: var(--palette-neutral-30);
    --sidebar-foreground: var(--palette-neutral-70);
    --sidebar-primary: var(--palette-violet-50);
    --sidebar-primary-foreground: var(--palette-white);
    --sidebar-ring: var(--palette-violet-50);
    --success: var(--palette-mint-60);
    --success-foreground: var(--palette-mint-70);
    --success-subtle: var(--palette-mint-05);
    --success-subtle-strong: var(--palette-mint-20);
    --surface-brand-strong: var(--palette-violet-80);
    --warning: var(--palette-yellow-40);
    --warning-foreground: var(--palette-neutral-80);
  }
}

/* An explicit light choice beats a dark OS; `.dark` needs no rule (dark is the base). */
:root.light {
  color-scheme: light;
  --accent: var(--palette-tangerine-40);
  --accent-blue-fill: var(--palette-blue-30);
  --accent-blue-foreground: var(--palette-blue-80);
  --accent-blue-strong: var(--palette-blue-80);
  --accent-blue-subtle: var(--palette-blue-10);
  --accent-foreground: var(--palette-white);
  --accent-green-fill: var(--palette-green-30);
  --accent-green-foreground: var(--palette-green-80);
  --accent-green-strong: var(--palette-green-80);
  --accent-green-subtle: var(--palette-green-10);
  --accent-lime-fill: var(--palette-lime-30);
  --accent-lime-foreground: var(--palette-lime-80);
  --accent-lime-strong: var(--palette-lime-80);
  --accent-lime-subtle: var(--palette-lime-10);
  --accent-orange: var(--palette-orange-50);
  --accent-orange-fill: var(--palette-orange-30);
  --accent-orange-foreground: var(--palette-orange-80);
  --accent-orange-strong: var(--palette-orange-80);
  --accent-orange-subtle: var(--palette-orange-10);
  --accent-orange-subtle-strong: var(--palette-orange-30);
  --accent-pink-fill: var(--palette-pink-30);
  --accent-pink-foreground: var(--palette-pink-80);
  --accent-pink-strong: var(--palette-pink-80);
  --accent-pink-subtle: var(--palette-pink-10);
  --accent-purple-fill: var(--palette-purple-30);
  --accent-purple-foreground: var(--palette-purple-80);
  --accent-purple-strong: var(--palette-purple-80);
  --accent-purple-subtle: var(--palette-purple-10);
  --accent-red-fill: var(--palette-red-30);
  --accent-red-foreground: var(--palette-red-80);
  --accent-red-strong: var(--palette-red-80);
  --accent-red-subtle: var(--palette-red-10);
  --accent-teal-fill: var(--palette-teal-30);
  --accent-teal-foreground: var(--palette-teal-80);
  --accent-teal-strong: var(--palette-teal-80);
  --accent-teal-subtle: var(--palette-teal-10);
  --accent-yellow-fill: var(--palette-yellow-30);
  --accent-yellow-foreground: var(--palette-yellow-80);
  --accent-yellow-strong: var(--palette-yellow-80);
  --accent-yellow-subtle: var(--palette-yellow-10);
  --ai-surface: linear-gradient( 99.6deg, color-mix(in oklab, var(--palette-tangerine-10) 50%, transparent) 5.37%, color-mix(in oklab, var(--palette-violet-20) 50%, transparent) 98.65% ), var(--palette-white);
  --background: var(--palette-white);
  --border: var(--palette-neutral-40);
  --canvas: var(--palette-vanilla-20);
  --card: var(--palette-white);
  --card-foreground: var(--palette-neutral-70);
  --color-button-ai-border-default: var(--palette-violet-50);
  --color-button-ai-border-disabled: var(--palette-neutral-40);
  --color-button-ai-border-hovered: var(--palette-violet-60);
  --color-button-ai-border-pressed: var(--palette-violet-50);
  --color-button-ai-text-default: var(--palette-violet-50);
  --color-button-ai-text-disabled: var(--palette-neutral-50);
  --color-button-ai-text-hovered: var(--palette-violet-60);
  --color-button-ai-text-pressed: var(--palette-violet-50);
  --color-button-ghost-background-hovered: var(--palette-neutral-10);
  --color-button-ghost-border-hovered: var(--palette-neutral-10);
  --color-button-ghost-border-pressed: var(--palette-violet-50);
  --color-button-ghost-text-default: var(--palette-violet-100);
  --color-button-ghost-text-disabled: var(--palette-neutral-50);
  --color-button-ghost-text-hovered: var(--palette-violet-50);
  --color-button-ghost-text-pressed: var(--palette-violet-50);
  --color-button-primary-background-default: var(--palette-violet-50);
  --color-button-primary-background-disabled: var(--palette-neutral-30);
  --color-button-primary-background-hovered: var(--palette-violet-60);
  --color-button-primary-background-pressed: var(--palette-violet-50);
  --color-button-primary-border-default: var(--palette-violet-50);
  --color-button-primary-border-disabled: var(--palette-neutral-30);
  --color-button-primary-border-hovered: var(--palette-violet-60);
  --color-button-primary-border-pressed: var(--palette-violet-50);
  --color-button-primary-text-default: var(--palette-white);
  --color-button-primary-text-disabled: var(--palette-neutral-50);
  --color-button-primary-text-hovered: var(--palette-white);
  --color-button-primary-text-pressed: var(--palette-white);
  --color-button-secondary-border-default: var(--palette-violet-50);
  --color-button-secondary-border-disabled: var(--palette-neutral-40);
  --color-button-secondary-border-hovered: var(--palette-violet-60);
  --color-button-secondary-border-pressed: var(--palette-violet-50);
  --color-button-secondary-text-default: var(--palette-violet-50);
  --color-button-secondary-text-disabled: var(--palette-neutral-50);
  --color-button-secondary-text-hovered: var(--palette-violet-60);
  --color-button-secondary-text-pressed: var(--palette-violet-50);
  --color-button-tertiary-2-border-default: var(--palette-vanilla-40);
  --color-button-tertiary-2-border-disabled: var(--palette-vanilla-40);
  --color-button-tertiary-2-border-hovered: var(--palette-vanilla-40);
  --color-button-tertiary-2-border-pressed: var(--palette-violet-50);
  --color-button-tertiary-2-text-default: var(--palette-violet-100);
  --color-button-tertiary-2-text-disabled: var(--palette-neutral-50);
  --color-button-tertiary-2-text-hovered: var(--palette-violet-50);
  --color-button-tertiary-2-text-pressed: var(--palette-violet-50);
  --color-button-tertiary-border-default: var(--palette-neutral-40);
  --color-button-tertiary-border-disabled: var(--palette-neutral-40);
  --color-button-tertiary-border-hovered: var(--palette-neutral-40);
  --color-button-tertiary-border-pressed: var(--palette-violet-50);
  --color-button-tertiary-text-default: var(--palette-violet-100);
  --color-button-tertiary-text-disabled: var(--palette-neutral-50);
  --color-button-tertiary-text-hovered: var(--palette-violet-50);
  --color-button-tertiary-text-pressed: var(--palette-violet-50);
  --color-link-default: var(--palette-violet-50);
  --color-link-disabled: var(--palette-neutral-50);
  --color-link-hovered: var(--palette-violet-60);
  --color-link-pressed: var(--palette-violet-60);
  --color-notification-button-primary-background: var(--palette-violet-50);
  --color-notification-button-primary-text: var(--palette-white);
  --color-notification-button-secondary-border: var(--palette-violet-50);
  --color-notification-button-secondary-text: var(--palette-violet-50);
  --color-notification-error-background: var(--palette-red-10);
  --color-notification-info-background: var(--palette-violet-10);
  --color-notification-link: var(--palette-violet-50);
  --color-notification-success-background: var(--palette-mint-10);
  --color-notification-text: var(--palette-neutral-80);
  --color-notification-text-subtle: var(--palette-neutral-60);
  --color-notification-warning-background: var(--palette-vanilla-30);
  --color-tag-ai-background: linear-gradient( 90.5deg, rgba(239, 131, 50, 0.3) 5.37%, rgba(144, 43, 231, 0.3) 98.65% ), var(--palette-vanilla-30);
  --color-tag-ai-text: var(--palette-neutral-70);
  --color-tag-blank-text: var(--palette-neutral-70);
  --color-tag-blue-background: var(--palette-blue-10);
  --color-tag-blue-border-hovered: var(--palette-blue-50);
  --color-tag-blue-text: var(--palette-blue-80);
  --color-tag-gray-background: var(--palette-neutral-40);
  --color-tag-gray-text: var(--palette-neutral-60);
  --color-tag-gray-text-disabled: var(--palette-neutral-50);
  --color-tag-lime-background: var(--palette-lime-10);
  --color-tag-lime-border-hovered: var(--palette-lime-50);
  --color-tag-lime-text: var(--palette-lime-80);
  --color-tag-mint-background: var(--palette-green-10);
  --color-tag-mint-border-hovered: var(--palette-green-50);
  --color-tag-mint-text: var(--palette-green-80);
  --color-tag-orange-background: var(--palette-orange-10);
  --color-tag-orange-border-hovered: var(--palette-orange-50);
  --color-tag-orange-text: var(--palette-orange-80);
  --color-tag-pink-background: var(--palette-pink-10);
  --color-tag-pink-border-hovered: var(--palette-pink-50);
  --color-tag-pink-text: var(--palette-pink-80);
  --color-tag-purple-background: var(--palette-purple-10);
  --color-tag-purple-border-hovered: var(--palette-purple-50);
  --color-tag-purple-text: var(--palette-purple-80);
  --color-tag-red-background: var(--palette-red-10);
  --color-tag-red-border-hovered: var(--palette-red-50);
  --color-tag-red-text: var(--palette-red-80);
  --color-tag-teal-background: var(--palette-teal-10);
  --color-tag-teal-border-hovered: var(--palette-teal-50);
  --color-tag-teal-text: var(--palette-teal-80);
  --color-tag-vanilla-background: var(--palette-vanilla-30);
  --color-tag-vanilla-border: var(--palette-vanilla-40);
  --color-tag-vanilla-border-hovered: var(--palette-vanilla-100n);
  --color-tag-vanilla-text: var(--palette-neutral-70);
  --color-tag-violet-background: var(--palette-violet-10);
  --color-tag-violet-text: var(--palette-violet-50);
  --color-tag-yellow-background: var(--palette-yellow-10);
  --color-tag-yellow-border-hovered: var(--palette-yellow-50);
  --color-tag-yellow-text: var(--palette-yellow-80);
  --destructive-foreground: var(--palette-red-50);
  --destructive-subtle: var(--palette-red-10);
  --evidence-highlight: var(--palette-mint-05);
  --evidence-highlight-foreground: var(--foreground);
  --evidence-marker: var(--success);
  --foreground: var(--palette-neutral-70);
  --foreground-strong: var(--palette-black);
  --info: var(--palette-blue-60);
  --info-foreground: var(--palette-blue-70);
  --input: var(--palette-neutral-40);
  --muted: var(--palette-vanilla-30);
  --muted-foreground: var(--palette-neutral-60);
  --popover: var(--palette-white);
  --popover-foreground: var(--palette-neutral-70);
  --primary: var(--palette-violet-50);
  --primary-foreground: var(--palette-white);
  --primary-subtle: var(--palette-violet-10);
  --ring: var(--palette-violet-50);
  --secondary: var(--palette-neutral-20);
  --secondary-foreground: var(--palette-neutral-70);
  --secondary-light: var(--palette-neutral-10);
  --sidebar: var(--palette-vanilla-30);
  --sidebar-accent: var(--palette-vanilla-40);
  --sidebar-accent-foreground: var(--palette-neutral-70);
  --sidebar-accent-hover: var(--palette-vanilla-30);
  --sidebar-border: var(--palette-neutral-30);
  --sidebar-foreground: var(--palette-neutral-70);
  --sidebar-primary: var(--palette-violet-50);
  --sidebar-primary-foreground: var(--palette-white);
  --sidebar-ring: var(--palette-violet-50);
  --success: var(--palette-mint-60);
  --success-foreground: var(--palette-mint-70);
  --success-subtle: var(--palette-mint-05);
  --success-subtle-strong: var(--palette-mint-20);
  --surface-brand-strong: var(--palette-violet-80);
  --warning: var(--palette-yellow-40);
  --warning-foreground: var(--palette-neutral-80);
}