/* Generated from library/theme/default.json (targets design-tokens@0.2.0) by tools/build-css.ts. Do not edit. */
/* Light is the default; dark applies under [data-theme="dark"], or automatically when the OS prefers dark and no data-theme="light" is set. */

:root {
  --color-text-primary: #18181B;
  --color-text-secondary: #4B4B55;
  --color-text-tertiary: #63636D;
  --color-text-disabled: #A1A1AA;
  --color-text-inverse: #FFFFFF;
  --color-surface-page: #F6F6F8;
  --color-surface-default: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-surface-sunken: #F1F1F4;
  --color-border-default: #E4E4E9;
  --color-border-strong: #7C7C87;
  --color-border-focus: #18181B;
  --color-interactive-default: #18181B;
  --color-interactive-hover: #2F2F36;
  --color-interactive-subtle: #ECECF0;
  --color-interactive-text: #FFFFFF;
  --color-brand-primary: #18181B;
  --color-brand-secondary: #63636D;
  --color-status-success: #166534;
  --color-status-success-subtle: #DCFCE7;
  --color-status-warning: #92400E;
  --color-status-warning-subtle: #FEF3C7;
  --color-status-danger: #B91C1C;
  --color-status-danger-subtle: #FEE2E2;
  --color-status-info: #1D4ED8;
  --color-status-info-subtle: #DBEAFE;
  --color-overlay-scrim: rgba(24, 24, 27, 0.40);
  --elevation-0: none;
  --elevation-1: 0 1px 2px rgba(24, 24, 27, 0.06), 0 4px 12px -6px rgba(24, 24, 27, 0.16);
  --elevation-2: 0 2px 4px rgba(24, 24, 27, 0.08), 0 10px 24px -8px rgba(24, 24, 27, 0.22);
  --elevation-3: 0 16px 48px -12px rgba(24, 24, 27, 0.32);
}

:root[data-theme="dark"] {
  --color-text-primary: #ECECEF;
  --color-text-secondary: #B4B4BC;
  --color-text-tertiary: #9494A0;
  --color-text-disabled: #5C5C66;
  --color-text-inverse: #18181B;
  --color-surface-page: #0F0F12;
  --color-surface-default: #18181B;
  --color-surface-raised: #1F1F24;
  --color-surface-sunken: #141417;
  --color-border-default: #2A2A31;
  --color-border-strong: #6E6E7A;
  --color-border-focus: #ECECEF;
  --color-interactive-default: #ECECEF;
  --color-interactive-hover: #FFFFFF;
  --color-interactive-subtle: #26262C;
  --color-interactive-text: #18181B;
  --color-brand-primary: #ECECEF;
  --color-brand-secondary: #9494A0;
  --color-status-success: #4ADE80;
  --color-status-success-subtle: #132A1C;
  --color-status-warning: #FBBF24;
  --color-status-warning-subtle: #2B2111;
  --color-status-danger: #F87171;
  --color-status-danger-subtle: #2D1616;
  --color-status-info: #60A5FA;
  --color-status-info-subtle: #132038;
  --color-overlay-scrim: rgba(0, 0, 0, 0.60);
  --elevation-0: none;
  --elevation-1: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 16px -8px rgba(0, 0, 0, 0.6);
  --elevation-2: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 5px rgba(0, 0, 0, 0.55), 0 12px 28px -10px rgba(0, 0, 0, 0.7);
  --elevation-3: 0 24px 64px -12px rgba(0, 0, 0, 0.75);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text-primary: #ECECEF;
    --color-text-secondary: #B4B4BC;
    --color-text-tertiary: #9494A0;
    --color-text-disabled: #5C5C66;
    --color-text-inverse: #18181B;
    --color-surface-page: #0F0F12;
    --color-surface-default: #18181B;
    --color-surface-raised: #1F1F24;
    --color-surface-sunken: #141417;
    --color-border-default: #2A2A31;
    --color-border-strong: #6E6E7A;
    --color-border-focus: #ECECEF;
    --color-interactive-default: #ECECEF;
    --color-interactive-hover: #FFFFFF;
    --color-interactive-subtle: #26262C;
    --color-interactive-text: #18181B;
    --color-brand-primary: #ECECEF;
    --color-brand-secondary: #9494A0;
    --color-status-success: #4ADE80;
    --color-status-success-subtle: #132A1C;
    --color-status-warning: #FBBF24;
    --color-status-warning-subtle: #2B2111;
    --color-status-danger: #F87171;
    --color-status-danger-subtle: #2D1616;
    --color-status-info: #60A5FA;
    --color-status-info-subtle: #132038;
    --color-overlay-scrim: rgba(0, 0, 0, 0.60);
    --elevation-0: none;
    --elevation-1: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.5), 0 6px 16px -8px rgba(0, 0, 0, 0.6);
    --elevation-2: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 5px rgba(0, 0, 0, 0.55), 0 12px 28px -10px rgba(0, 0, 0, 0.7);
    --elevation-3: 0 24px 64px -12px rgba(0, 0, 0, 0.75);
  }
}