/* GENERATED from packages/ui/src/tokens.ts (ADR-0015). Do not edit: run pnpm --filter @nawa/ui gen:tokens. */
:root {
  --nawa-font-sans: "Montserrat", "Almarai", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif;
  --nawa-font-display: "El Messiri", "Almarai", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;
  --nawa-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;
  --nawa-space-0: 0;
  --nawa-space-1: 0.25rem;
  --nawa-space-2: 0.5rem;
  --nawa-space-3: 0.75rem;
  --nawa-space-4: 1rem;
  --nawa-space-5: 1.25rem;
  --nawa-space-6: 1.5rem;
  --nawa-space-8: 2rem;
  --nawa-space-10: 2.5rem;
  --nawa-space-12: 3rem;
  --nawa-space-16: 4rem;
  --nawa-radius-sm: 0.375rem;
  --nawa-radius-md: 0.5rem;
  --nawa-radius-lg: 0.75rem;
  --nawa-radius-xl: 1rem;
  --nawa-radius-full: 999px;
  --nawa-font-size-xs: 0.75rem;
  --nawa-font-size-sm: 0.8125rem;
  --nawa-font-size-md: 0.9375rem;
  --nawa-font-size-lg: 1.0625rem;
  --nawa-font-size-xl: 1.25rem;
  --nawa-font-size-2xl: 1.5rem;
  --nawa-font-size-3xl: 1.875rem;
  --nawa-font-size-4xl: 2.25rem;
  --nawa-font-weight-regular: 400;
  --nawa-font-weight-medium: 500;
  --nawa-font-weight-semibold: 600;
  --nawa-font-weight-bold: 700;
  --nawa-line-height-tight: 1.25;
  --nawa-line-height-normal: 1.5;
  --nawa-touch-target: 2.75rem;
  --nawa-motion-fast: 120ms;
  --nawa-motion-normal: 200ms;
  --nawa-motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --nawa-color-bg: #f8f7f4;
  --nawa-color-surface: #ffffff;
  --nawa-color-surface-subtle: #faf9f7;
  --nawa-color-surface-sunken: #f1efea;
  --nawa-color-preview-canvas: #ffffff;
  --nawa-color-border: #e7e4de;
  --nawa-color-border-strong: #829290;
  --nawa-color-text: #252a3e;
  --nawa-color-text-muted: #5e6e6c;
  --nawa-color-text-subtle: #5e6e6c;
  --nawa-color-accent: #d12c3a;
  --nawa-color-accent-hover: #b32431;
  --nawa-color-text-on-accent: #ffffff;
  --nawa-color-accent-soft: #fdece6;
  --nawa-color-accent-soft-text: #9a2530;
  --nawa-color-focus: #252a3e;
  --nawa-color-success: #11683a;
  --nawa-color-success-soft: #e5f4eb;
  --nawa-color-warning: #8a4d00;
  --nawa-color-warning-soft: #fdf1dc;
  --nawa-color-danger: #b42318;
  --nawa-color-danger-hover: #931c13;
  --nawa-color-text-on-danger: #ffffff;
  --nawa-color-danger-soft: #fdecea;
  --nawa-color-info: #1d4fa8;
  --nawa-color-info-soft: #e8eefb;
  --nawa-color-sample: #6b3fa0;
  --nawa-color-sample-soft: #f2ecfa;
  --nawa-color-brand: #f14451;
  --nawa-color-brand-peach: #fabb9e;
  --nawa-color-brand-teal: #829290;
  --nawa-color-brand-navy: #252a3e;
  --nawa-color-brand-pink: #f9d2d5;
  --nawa-color-on-brand: #ffffff;
  --nawa-color-scrim: rgb(37 42 62 / 0.45);
  --nawa-color-chart-grid: #ece9e3;
  --nawa-color-chart-axis: #5e6e6c;
  --nawa-color-chart1: #2a78d6;
  --nawa-color-chart2: #eb6834;
  --nawa-color-chart3: #1baf7a;
  --nawa-color-chart4: #eda100;
  --nawa-color-chart5: #e87ba4;
  --nawa-color-chart6: #008300;
  --nawa-color-chart-seq-low: #b7d3f6;
  --nawa-color-chart-seq-mid: #3987e5;
  --nawa-color-chart-seq-high: #104281;
  --nawa-shadow-sm: 0 1px 2px rgb(37 42 62 / 0.05);
  --nawa-shadow-md: 0 2px 6px rgb(37 42 62 / 0.04), 0 8px 24px rgb(37 42 62 / 0.06);
  --nawa-shadow-lg: 0 16px 40px rgb(37 42 62 / 0.12), 0 2px 8px rgb(37 42 62 / 0.06);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --nawa-color-bg: #1b1f2e;
  --nawa-color-surface: #252a3e;
  --nawa-color-surface-subtle: #2b3147;
  --nawa-color-surface-sunken: #333a52;
  --nawa-color-preview-canvas: #ffffff;
  --nawa-color-border: #3a4159;
  --nawa-color-border-strong: #6b7791;
  --nawa-color-text: #f3f2ee;
  --nawa-color-text-muted: #b6c3c1;
  --nawa-color-text-subtle: #9baaa8;
  --nawa-color-accent: #ff8a92;
  --nawa-color-accent-hover: #ffa6ac;
  --nawa-color-text-on-accent: #1b1f2e;
  --nawa-color-accent-soft: #3d2833;
  --nawa-color-accent-soft-text: #ffc2c6;
  --nawa-color-focus: #fabb9e;
  --nawa-color-success: #6fd39a;
  --nawa-color-success-soft: #10301f;
  --nawa-color-warning: #f3c46b;
  --nawa-color-warning-soft: #33260d;
  --nawa-color-danger: #ff8f86;
  --nawa-color-danger-hover: #ffb0a9;
  --nawa-color-text-on-danger: #2a0905;
  --nawa-color-danger-soft: #3b1512;
  --nawa-color-info: #a9c3ff;
  --nawa-color-info-soft: #172748;
  --nawa-color-sample: #d4b8ff;
  --nawa-color-sample-soft: #2a1f3d;
  --nawa-color-brand: #f14451;
  --nawa-color-brand-peach: #fabb9e;
  --nawa-color-brand-teal: #829290;
  --nawa-color-brand-navy: #252a3e;
  --nawa-color-brand-pink: #f9d2d5;
  --nawa-color-on-brand: #ffffff;
  --nawa-color-scrim: rgb(10 12 20 / 0.65);
  --nawa-color-chart-grid: #333a52;
  --nawa-color-chart-axis: #9baaa8;
  --nawa-color-chart1: #3987e5;
  --nawa-color-chart2: #d95926;
  --nawa-color-chart3: #199e70;
  --nawa-color-chart4: #c98500;
  --nawa-color-chart5: #d55181;
  --nawa-color-chart6: #008300;
  --nawa-color-chart-seq-low: #184f95;
  --nawa-color-chart-seq-mid: #3987e5;
  --nawa-color-chart-seq-high: #b7d3f6;
  --nawa-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --nawa-shadow-md: 0 1px 3px rgb(0 0 0 / 0.5), 0 4px 12px rgb(0 0 0 / 0.35);
  --nawa-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6), 0 2px 6px rgb(0 0 0 / 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --nawa-color-bg: #1b1f2e;
    --nawa-color-surface: #252a3e;
    --nawa-color-surface-subtle: #2b3147;
    --nawa-color-surface-sunken: #333a52;
    --nawa-color-preview-canvas: #ffffff;
    --nawa-color-border: #3a4159;
    --nawa-color-border-strong: #6b7791;
    --nawa-color-text: #f3f2ee;
    --nawa-color-text-muted: #b6c3c1;
    --nawa-color-text-subtle: #9baaa8;
    --nawa-color-accent: #ff8a92;
    --nawa-color-accent-hover: #ffa6ac;
    --nawa-color-text-on-accent: #1b1f2e;
    --nawa-color-accent-soft: #3d2833;
    --nawa-color-accent-soft-text: #ffc2c6;
    --nawa-color-focus: #fabb9e;
    --nawa-color-success: #6fd39a;
    --nawa-color-success-soft: #10301f;
    --nawa-color-warning: #f3c46b;
    --nawa-color-warning-soft: #33260d;
    --nawa-color-danger: #ff8f86;
    --nawa-color-danger-hover: #ffb0a9;
    --nawa-color-text-on-danger: #2a0905;
    --nawa-color-danger-soft: #3b1512;
    --nawa-color-info: #a9c3ff;
    --nawa-color-info-soft: #172748;
    --nawa-color-sample: #d4b8ff;
    --nawa-color-sample-soft: #2a1f3d;
    --nawa-color-brand: #f14451;
    --nawa-color-brand-peach: #fabb9e;
    --nawa-color-brand-teal: #829290;
    --nawa-color-brand-navy: #252a3e;
    --nawa-color-brand-pink: #f9d2d5;
    --nawa-color-on-brand: #ffffff;
    --nawa-color-scrim: rgb(10 12 20 / 0.65);
    --nawa-color-chart-grid: #333a52;
    --nawa-color-chart-axis: #9baaa8;
    --nawa-color-chart1: #3987e5;
    --nawa-color-chart2: #d95926;
    --nawa-color-chart3: #199e70;
    --nawa-color-chart4: #c98500;
    --nawa-color-chart5: #d55181;
    --nawa-color-chart6: #008300;
    --nawa-color-chart-seq-low: #184f95;
    --nawa-color-chart-seq-mid: #3987e5;
    --nawa-color-chart-seq-high: #b7d3f6;
    --nawa-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
    --nawa-shadow-md: 0 1px 3px rgb(0 0 0 / 0.5), 0 4px 12px rgb(0 0 0 / 0.35);
    --nawa-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6), 0 2px 6px rgb(0 0 0 / 0.4);
    color-scheme: dark;
  }
}