/* Generated by scripts/build_tokens.py. Edit the script, not this file. */

/* Layer 1: Core Colors */
:root {
  --primary-00: #F3F5FC;
  --primary-50: #E6EBF9;
  --primary-100: #D6DEF5;
  --primary-150: #C1CEF0;
  --primary-200: #A8BAEB;
  --primary-300: #7F99E1;
  --primary-350: #6E8CDD;
  --primary-400: #5E7FD9;
  --primary-450: #4D72D5;
  --primary-500: #3961D0;
  --primary-600: #2B50B6;
  --primary-700: #234195;
  --primary-800: #1B3374;
  --primary-850: #15285B;
  --primary-900: #101D42;
  --primary-950: #0B142D;
  --primary-1000: #060B19;
  --secondary-00: #F5FAF9;
  --secondary-50: #EAF5F3;
  --secondary-100: #DCEFEB;
  --secondary-150: #CBE7E1;
  --secondary-200: #B6DDD5;
  --secondary-300: #93CCC1;
  --secondary-400: #78BFB1;
  --secondary-500: #59B19F;
  --secondary-600: #489988;
  --secondary-700: #3B7D70;
  --secondary-800: #2E6157;
  --secondary-850: #244C44;
  --secondary-900: #1A3732;
  --secondary-950: #122622;
  --secondary-1000: #0A1513;
  --accent-00: #FDF8F2;
  --accent-50: #FAF2E5;
  --accent-100: #F7E9D4;
  --accent-150: #F3DEBF;
  --accent-200: #EED1A5;
  --accent-300: #E6BB7A;
  --accent-400: #DFA958;
  --accent-500: #D89531;
  --accent-600: #BC7F24;
  --accent-700: #9A681D;
  --accent-800: #785117;
  --accent-850: #5E4012;
  --accent-900: #452E0D;
  --accent-950: #2F2009;
  --accent-1000: #1A1105;
  --red-00: #FCF3F2;
  --red-50: #F9E7E6;
  --red-100: #F6D6D5;
  --red-150: #F1C2C0;
  --red-200: #ECA9A7;
  --red-300: #E3817D;
  --red-400: #DB605C;
  --red-500: #D33B36;
  --red-600: #B82D28;
  --red-700: #972521;
  --red-800: #751D1A;
  --red-850: #5C1714;
  --red-900: #43100F;
  --red-950: #2E0B0A;
  --red-1000: #190606;
  --green-00: #F4FBF7;
  --green-50: #E9F6EF;
  --green-100: #DAF1E5;
  --green-150: #C8EAD8;
  --green-200: #B2E1C8;
  --green-300: #8DD3AE;
  --green-400: #70C799;
  --green-500: #4FBA81;
  --green-600: #3FA26D;
  --green-700: #338459;
  --green-800: #286745;
  --green-850: #1F5136;
  --green-900: #173B28;
  --green-950: #10281B;
  --green-1000: #09160F;
  --yellow-00: #FDFAF2;
  --yellow-50: #FBF4E4;
  --yellow-100: #F9EDD2;
  --yellow-150: #F6E4BC;
  --yellow-200: #F2DAA1;
  --yellow-300: #ECC874;
  --yellow-400: #E7BA50;
  --yellow-500: #E2AA28;
  --yellow-600: #C5921B;
  --yellow-700: #A27816;
  --yellow-800: #7E5D11;
  --yellow-850: #63490D;
  --yellow-900: #48350A;
  --yellow-950: #312507;
  --yellow-1000: #1B1404;
  --grayscale-00: #FFFFFF;
  --grayscale-50: #F5F5F5;
  --grayscale-100: #EBEBEB;
  --grayscale-150: #E0E0E0;
  --grayscale-200: #D1D1D1;
  --grayscale-250: #C2C2C2;
  --grayscale-300: #ADADAD;
  --grayscale-400: #9B9B9B;
  --grayscale-450: #8A8A8A;
  --grayscale-500: #7A7A7A;
  --grayscale-600: #666666;
  --grayscale-700: #454545;
  --grayscale-750: #313131;
  --grayscale-800: #272727;
  --grayscale-850: #1F1F1F;
  --grayscale-870: #181818;
  --grayscale-900: #121212;
  --grayscale-950: #0A0A0A;
  --grayscale-1000: #000000;
  --grayscale-alpha-700-16: rgb(69 69 69 / 0.16);
  --grayscale-alpha-700-24: rgb(69 69 69 / 0.24);
  --grayscale-alpha-700-40: rgb(69 69 69 / 0.4);
  --grayscale-alpha-700-64: rgb(69 69 69 / 0.64);
  --grayscale-alpha-700-80: rgb(69 69 69 / 0.8);

  /* spacing */
  --spacing-0: 0px;
  --spacing-25: 2px;
  --spacing-50: 4px;
  --spacing-75: 8px;
  --spacing-100: 12px;
  --spacing-200: 16px;
  --spacing-300: 24px;
  --spacing-400: 32px;
  --spacing-500: 40px;
  --spacing-600: 48px;
  --spacing-700: 64px;
  --spacing-800: 80px;
  --spacing-900: 96px;
  /* radius */
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-full: 9999px;
  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Layer 2: Color System, Dark mode (default) */
:root,
[data-theme="dark"] {
  --border-primary: var(--grayscale-750);
  --border-primary-disabled: var(--grayscale-800);
  --border-primary-light: var(--grayscale-700);
  --border-secondary: var(--grayscale-750);
  --border-tertiary: var(--grayscale-600);
  --border-action-primary: var(--primary-400);
  --border-action-disabled: var(--primary-600);
  --border-action-secondary: var(--grayscale-500);
  --border-error: var(--red-400);
  --border-error-disabled: var(--red-700);
  --border-success: var(--green-400);
  --border-warning: var(--yellow-300);
  --border-warning-disabled: var(--yellow-700);
  --border-focus: var(--primary-400);
  --surface-primary: var(--grayscale-870);
  --surface-primary-hover: var(--grayscale-800);
  --surface-primary-selected: var(--grayscale-750);
  --surface-primary-subtle: var(--grayscale-850);
  --surface-input: var(--grayscale-870);
  --surface-secondary: var(--grayscale-800);
  --surface-secondary-hover: var(--grayscale-750);
  --surface-secondary-selected: var(--grayscale-750);
  --surface-secondary-subtle: var(--grayscale-750);
  --surface-tertiary: var(--grayscale-600);
  --surface-tertiary-hover: var(--grayscale-450);
  --surface-accent: var(--accent-500);
  --surface-accent-subtle: var(--accent-200);
  --surface-info: var(--primary-400);
  --surface-info-subtle: var(--primary-150);
  --surface-error: var(--red-500);
  --surface-error-subtle: var(--red-100);
  --surface-error-darker: var(--red-700);
  --surface-inverted: var(--grayscale-00);
  --surface-inverted-hover: var(--grayscale-250);
  --surface-inverted-disabled: var(--grayscale-450);
  --surface-warning: var(--yellow-500);
  --surface-warning-subtle: var(--yellow-100);
  --surface-warning-hover: var(--yellow-700);
  --surface-success: var(--green-500);
  --surface-success-subtle: var(--green-100);
  --action-primary: var(--primary-500);
  --action-primary-hover: var(--primary-600);
  --action-primary-click: var(--primary-700);
  --action-primary-disabled: var(--primary-800);
  --action-secondary: var(--grayscale-750);
  --action-secondary-hover: var(--grayscale-700);
  --action-secondary-click: var(--grayscale-600);
  --action-error: var(--red-700);
  --action-error-hover: var(--red-800);
  --action-error-disabled: var(--red-800);
  --action-error-subtle: var(--red-150);
  --action-warning: var(--yellow-500);
  --action-warning-hover: var(--yellow-700);
  --action-warning-disabled: var(--yellow-800);
  --action-warning-subtle: var(--yellow-100);
  --text-primary: var(--grayscale-50);
  --text-primary-disabled: var(--grayscale-700);
  --text-primary-subtle: var(--grayscale-500);
  --text-secondary: var(--grayscale-200);
  --text-secondary-disabled: var(--grayscale-500);
  --text-tertiary: var(--grayscale-400);
  --text-inverted: var(--grayscale-850);
  --text-on-action: var(--grayscale-00);
  --text-error: var(--red-400);
  --text-error-disabled: var(--red-800);
  --text-error-inverted: var(--red-800);
  --text-error-inverted-disabled: var(--red-200);
  --text-success: var(--green-400);
  --text-success-inverted: var(--green-800);
  --text-success-inverted-disabled: var(--green-300);
  --text-info: var(--primary-350);
  --text-info-inverted: var(--primary-800);
  --text-info-inverted-disabled: var(--primary-200);
  --text-warning: var(--yellow-500);
  --text-warning-disabled: var(--yellow-800);
  --text-warning-inverted: var(--yellow-850);
  --text-warning-inverted-disabled: var(--yellow-300);
  --text-hero-start: var(--grayscale-00);
  --text-hero-end: var(--grayscale-400);
  --icon-default: var(--grayscale-50);
  --icon-secondary: var(--grayscale-200);
  --icon-subtle: var(--grayscale-400);
  --icon-inverted: var(--grayscale-850);
  --icon-on-action: var(--grayscale-00);
  --icon-disabled: var(--grayscale-700);
  --icon-error: var(--red-400);
  --icon-error-disabled: var(--red-800);
  --icon-error-inverted-disabled: var(--red-200);
  --icon-info: var(--primary-350);
  --icon-info-disabled: var(--primary-200);
  --icon-warning: var(--yellow-500);
  --icon-warning-inverted: var(--yellow-800);
  --icon-warning-disabled: var(--yellow-800);
  --icon-warning-inverted-disabled: var(--yellow-300);
  --icon-success: var(--green-400);
  --icon-success-inverted-disabled: var(--green-300);
  --overlay-xs: var(--grayscale-alpha-700-16);
  --overlay-sm: var(--grayscale-alpha-700-24);
  --overlay-md: var(--grayscale-alpha-700-40);
  --overlay-lg: var(--grayscale-alpha-700-64);
  --overlay-xlg: var(--grayscale-alpha-700-80);
}

/* Layer 2: Color System, Light mode */
[data-theme="light"] {
  --border-primary: var(--grayscale-150);
  --border-primary-disabled: var(--grayscale-100);
  --border-primary-light: var(--grayscale-200);
  --border-secondary: var(--grayscale-150);
  --border-tertiary: var(--grayscale-300);
  --border-action-primary: var(--primary-600);
  --border-action-disabled: var(--primary-300);
  --border-action-secondary: var(--grayscale-450);
  --border-error: var(--red-600);
  --border-error-disabled: var(--red-300);
  --border-success: var(--green-600);
  --border-warning: var(--yellow-700);
  --border-warning-disabled: var(--yellow-300);
  --border-focus: var(--primary-600);
  --surface-primary: var(--grayscale-50);
  --surface-primary-hover: var(--grayscale-100);
  --surface-primary-selected: var(--grayscale-150);
  --surface-primary-subtle: var(--grayscale-00);
  --surface-input: var(--grayscale-00);
  --surface-secondary: var(--grayscale-100);
  --surface-secondary-hover: var(--grayscale-150);
  --surface-secondary-selected: var(--grayscale-150);
  --surface-secondary-subtle: var(--grayscale-150);
  --surface-tertiary: var(--grayscale-200);
  --surface-tertiary-hover: var(--grayscale-250);
  --surface-accent: var(--accent-500);
  --surface-accent-subtle: var(--accent-100);
  --surface-info: var(--primary-500);
  --surface-info-subtle: var(--primary-100);
  --surface-error: var(--red-500);
  --surface-error-subtle: var(--red-100);
  --surface-error-darker: var(--red-700);
  --surface-inverted: var(--grayscale-900);
  --surface-inverted-hover: var(--grayscale-800);
  --surface-inverted-disabled: var(--grayscale-500);
  --surface-warning: var(--yellow-500);
  --surface-warning-subtle: var(--yellow-100);
  --surface-warning-hover: var(--yellow-700);
  --surface-success: var(--green-500);
  --surface-success-subtle: var(--green-100);
  --action-primary: var(--primary-600);
  --action-primary-hover: var(--primary-700);
  --action-primary-click: var(--primary-800);
  --action-primary-disabled: var(--primary-200);
  --action-secondary: var(--grayscale-100);
  --action-secondary-hover: var(--grayscale-150);
  --action-secondary-click: var(--grayscale-200);
  --action-error: var(--red-600);
  --action-error-hover: var(--red-700);
  --action-error-disabled: var(--red-200);
  --action-error-subtle: var(--red-50);
  --action-warning: var(--yellow-500);
  --action-warning-hover: var(--yellow-600);
  --action-warning-disabled: var(--yellow-200);
  --action-warning-subtle: var(--yellow-50);
  --text-primary: var(--grayscale-900);
  --text-primary-disabled: var(--grayscale-300);
  --text-primary-subtle: var(--grayscale-500);
  --text-secondary: var(--grayscale-700);
  --text-secondary-disabled: var(--grayscale-400);
  --text-tertiary: var(--grayscale-600);
  --text-inverted: var(--grayscale-50);
  --text-on-action: var(--grayscale-00);
  --text-error: var(--red-600);
  --text-error-disabled: var(--red-300);
  --text-error-inverted: var(--red-800);
  --text-error-inverted-disabled: var(--red-200);
  --text-success: var(--green-800);
  --text-success-inverted: var(--green-800);
  --text-success-inverted-disabled: var(--green-300);
  --text-info: var(--primary-600);
  --text-info-inverted: var(--primary-800);
  --text-info-inverted-disabled: var(--primary-200);
  --text-warning: var(--yellow-800);
  --text-warning-disabled: var(--yellow-300);
  --text-warning-inverted: var(--yellow-850);
  --text-warning-inverted-disabled: var(--yellow-300);
  --text-hero-start: var(--grayscale-1000);
  --text-hero-end: var(--grayscale-600);
  --icon-default: var(--grayscale-900);
  --icon-secondary: var(--grayscale-700);
  --icon-subtle: var(--grayscale-600);
  --icon-inverted: var(--grayscale-50);
  --icon-on-action: var(--grayscale-00);
  --icon-disabled: var(--grayscale-300);
  --icon-error: var(--red-600);
  --icon-error-disabled: var(--red-300);
  --icon-error-inverted-disabled: var(--red-200);
  --icon-info: var(--primary-600);
  --icon-info-disabled: var(--primary-200);
  --icon-warning: var(--yellow-800);
  --icon-warning-inverted: var(--yellow-800);
  --icon-warning-disabled: var(--yellow-300);
  --icon-warning-inverted-disabled: var(--yellow-300);
  --icon-success: var(--green-800);
  --icon-success-inverted-disabled: var(--green-300);
  --overlay-xs: var(--grayscale-alpha-700-16);
  --overlay-sm: var(--grayscale-alpha-700-24);
  --overlay-md: var(--grayscale-alpha-700-40);
  --overlay-lg: var(--grayscale-alpha-700-64);
  --overlay-xlg: var(--grayscale-alpha-700-80);
}

:root, [data-theme="dark"] { color-scheme: dark; }
[data-theme="light"] { color-scheme: light; }