/* AUTO-GENERATED by scripts/build-tokens.ts — DO NOT EDIT.
   Edit src/design/tokens/*.ts and run `pnpm tokens:build`.
   These are the DEFAULT token values; runtime org themes (orgThemeToCss)
   still layer overrides on top under [data-org-theme]. */

:root {
  /* Radius & fonts */
  --radius: 8px;
  --radius-max: 24px;
  --font-sans-base: var(--font-manrope, "Manrope"), ui-sans-serif, system-ui, sans-serif;
  --font-heading-base: var(--font-sans-base);

  /* Semantic colors */
  --background: #FAF8F3;
  --foreground: #29233E;
  --card: #FFFFFF;
  --card-foreground: #29233E;
  --popover: #FFFFFF;
  --popover-foreground: #29233E;
  --primary: #6543BA;
  --primary-text: #6543BA;
  --primary-hover: color-mix(in srgb, var(--primary) 92%, black);
  --primary-foreground: #FFFFFF;
  --secondary: #EEE9F6;
  --secondary-foreground: #29233E;
  --muted: #EEE9F6;
  --muted-foreground: #696273;
  --accent: #EEE9F6;
  --accent-foreground: #6543BA;
  --destructive: #A93644;
  --warning: #E7AA37;
  --warning-foreground: #29233E;
  --border: #DCD6E3;
  --input: #82768F;
  --ring: #6744CD;
  --chart-1: #6744CD;
  --chart-2: #226A52;
  --chart-3: #1B4F8A;
  --chart-4: #E7AA37;
  --chart-5: #EE6954;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #29233E;
  --sidebar-primary: #6543BA;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #EEE9F6;
  --sidebar-accent-foreground: #29233E;
  --sidebar-border: rgba(41, 35, 62, 0.1);
  --sidebar-ring: #6744CD;
  --status-success: #226A52;
  --status-success-foreground: #226A52;
  --status-success-soft: #E8F4ED;
  --status-warning: #E7AA37;
  --status-warning-foreground: #805513;
  --status-warning-soft: #FFF2D8;
  --status-error: #A93644;
  --status-error-foreground: #A93644;
  --status-error-soft: #FCECEF;
  --status-info: #1B4F8A;
  --status-info-foreground: #1B4F8A;
  --status-info-soft: #E8F0FA;

  /* Extended brand tokens (--brand-*) */
  --brand-bg: #FAF8F3;
  --brand-bg-2: #EEE9F6;
  --brand-surface: #FFFFFF;
  --brand-surface-2: #EEE9F6;
  --brand-surface-3: #DCD6E3;
  --brand-ink: #29233E;
  --brand-muted: #29233E;
  --brand-soft: #696273;
  --brand-ink-4: #C1B9D0;
  --brand-border: rgba(41, 35, 62, 0.1);
  --brand-border-strong: rgba(41, 35, 62, 0.2);
  --brand-accent: #6744CD;
  --brand-accent-2: #EE6954;
  --brand-accent-3: #E7AA37;
  --brand-accent-4: #A99BDC;
  --brand-signal-light: #EEE9F6;
  --brand-green-light: #E8F4ED;
  --brand-blue-light: #E8F0FA;
  --brand-amber-light: #FFF2D8;
  --brand-inverse: #29233E;
  --brand-inverse-text: #FFFFFF;
  --brand-shadow: 0 22px 70px rgba(14, 14, 14, 0.10);

  /* AI surfaces (derived from the brand accent — Mossaic violet) */
  --ai-accent: var(--brand-accent);
  --ai-accent-2: color-mix(in oklab, var(--brand-accent) 62%, white);
  --ai-accent-soft: color-mix(in oklab, var(--brand-accent) 14%, transparent);
  --ai-accent-border: color-mix(in oklab, var(--brand-accent) 28%, transparent);
  --ai-glow: color-mix(in oklab, var(--brand-accent) 45%, transparent);
  --ai-surface: color-mix(in oklab, var(--brand-accent) 5%, var(--card));

  /* Semantic colors */
  --category-1: #5934B8;
  --category-1-soft: #E3E1FF;
  --category-1-foreground: #3D128C;
  --category-2: #125C45;
  --category-2-soft: #C5EEDD;
  --category-2-foreground: #00402E;
  --category-3: #10447D;
  --category-3-soft: #CEE4FF;
  --category-3-foreground: #003061;
  --category-4: #C28905;
  --category-4-soft: #FFECCE;
  --category-4-foreground: #714E00;
  --category-5: #6B24D4;
  --category-5-soft: #E6E2FF;
  --category-5-foreground: #480098;
  --category-6: #007995;
  --category-6-soft: #C7F0FF;
  --category-6-foreground: #004C5E;
  --category-7: #BF0063;
  --category-7-soft: #FFDEE6;
  --category-7-foreground: #7B003D;
  --category-8: #007C72;
  --category-8-soft: #AAFAEF;
  --category-8-foreground: #004E47;
  --chart-6: #7C3AED;
  --chart-7: #0891B2;
  --chart-8: #DB2777;
}

.dark:not(.react-flow) {
  /* Semantic colors */
  --background: #211D30;
  --foreground: #FAF8F3;
  --card: #2D273E;
  --card-foreground: #FAF8F3;
  --popover: #2D273E;
  --popover-foreground: #FAF8F3;
  --primary: #C8B5FF;
  --primary-text: #C8B5FF;
  --primary-hover: color-mix(in srgb, var(--primary) 92%, white);
  --primary-foreground: #211D30;
  --secondary: #3B3153;
  --secondary-foreground: #FAF8F3;
  --muted: #3B3153;
  --muted-foreground: #C1B9D0;
  --accent: rgba(103, 68, 205, 0.16);
  --accent-foreground: #C8B5FF;
  --destructive: #A93644;
  --warning: #F1CC81;
  --warning-foreground: #211D30;
  --border: #4B425D;
  --input: #9586AA;
  --ring: #C8B5FF;
  --chart-1: #C8B5FF;
  --chart-2: #9CDBBD;
  --chart-3: #6d9fd4;
  --chart-4: #F1CC81;
  --chart-5: #6744CD;
  --sidebar: #2D273E;
  --sidebar-foreground: #FAF8F3;
  --sidebar-primary: #C8B5FF;
  --sidebar-primary-foreground: #211D30;
  --sidebar-accent: #3B3153;
  --sidebar-accent-foreground: #FAF8F3;
  --sidebar-border: rgba(250, 250, 248, 0.12);
  --sidebar-ring: #C8B5FF;
  --status-success: #9CDBBD;
  --status-success-foreground: #9CDBBD;
  --status-success-soft: #213E34;
  --status-warning: #F1CC81;
  --status-warning-foreground: #F1CC81;
  --status-warning-soft: #493A22;
  --status-error: #FFB1BD;
  --status-error-foreground: #FFB1BD;
  --status-error-soft: #492A35;
  --status-info: #6d9fd4;
  --status-info-foreground: #6d9fd4;
  --status-info-soft: rgba(27, 79, 138, 0.2);

  /* Extended brand tokens (--brand-*) */
  --brand-bg: #211D30;
  --brand-bg-2: #2D273E;
  --brand-surface: #2D273E;
  --brand-surface-2: #3B3153;
  --brand-surface-3: #3B3153;
  --brand-ink: #FAF8F3;
  --brand-muted: #C1B9D0;
  --brand-soft: #696273;
  --brand-ink-4: #696273;
  --brand-border: rgba(250, 250, 248, 0.12);
  --brand-border-strong: rgba(250, 250, 248, 0.22);
  --brand-accent: #C8B5FF;
  --brand-accent-2: #9CDBBD;
  --brand-accent-3: #F1CC81;
  --brand-accent-4: #6d9fd4;
  --brand-signal-light: rgba(103, 68, 205, 0.16);
  --brand-green-light: rgba(26, 92, 58, 0.2);
  --brand-blue-light: rgba(27, 79, 138, 0.2);
  --brand-amber-light: rgba(217, 146, 10, 0.18);
  --brand-inverse: #FAF8F3;
  --brand-inverse-text: #211D30;
  --brand-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);

  /* AI surfaces (derived from the brand accent — Mossaic violet) */
  --ai-accent: var(--brand-accent);
  --ai-accent-2: color-mix(in oklab, var(--brand-accent) 72%, white);
  --ai-accent-soft: color-mix(in oklab, var(--brand-accent) 20%, transparent);
  --ai-accent-border: color-mix(in oklab, var(--brand-accent) 34%, transparent);
  --ai-glow: color-mix(in oklab, var(--brand-accent) 55%, transparent);
  --ai-surface: color-mix(in oklab, var(--brand-accent) 9%, var(--card));

  /* Semantic colors */
  --category-1: #8369EA;
  --category-1-soft: #300075;
  --category-1-foreground: #A18FFF;
  --category-2: #4B8A72;
  --category-2-soft: #003223;
  --category-2-foreground: #72AB94;
  --category-3: #4373AC;
  --category-3-soft: #002651;
  --category-3-foreground: #6C98CE;
  --category-4: #F5B84A;
  --category-4-soft: #4C3300;
  --category-4-foreground: #FFC86B;
  --category-5: #9467FF;
  --category-5-soft: #360075;
  --category-5-foreground: #AD94FF;
  --category-6: #3EAACA;
  --category-6-soft: #003645;
  --category-6-foreground: #62C3E2;
  --category-7: #F74F90;
  --category-7-soft: #5C002C;
  --category-7-foreground: #FF84AC;
  --category-8: #40ADA1;
  --category-8-soft: #003933;
  --category-8-foreground: #65C6BA;
  --chart-6: #9467FF;
  --chart-7: #3EAACA;
  --chart-8: #F74F90;
}