/* Dvale design tokens. Generated from resources/design/tokens.json by `php artisan dvale:tokens`. Do not edit by hand. */

:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #f2f3ee;
  --surface: #ffffff;
  --surface-tint: #e2eadf;
  --surface-frozen: #e8e9e4;
  --ink: #14201a;
  --ink-muted: #46534b;
  --ink-subtle: #5e6862;
  --line: #b9c2b5;
  --line-control: #76837a;
  --accent: #1f4d38;
  --accent-hover: #163a2a;
  --on-accent: #ffffff;
  --focus: var(--accent);
  --readiness-young: #2a4ba0;
  --readiness-young-tint: #e5ebfa;
  --readiness-ready: #16673a;
  --readiness-ready-tint: #ddf0e3;
  --readiness-closing: #8a4600;
  --readiness-closing-tint: #fbebd6;
  --readiness-past: #a42617;
  --readiness-past-tint: #fbe3df;
  --readiness-unknown: #4f5752;
  --readiness-unknown-tint: #e9ecea;
  --success: var(--readiness-ready);
  --success-tint: var(--readiness-ready-tint);
  --warning: var(--readiness-closing);
  --warning-tint: var(--readiness-closing-tint);
  --error: var(--readiness-past);
  --error-tint: var(--readiness-past-tint);
  --danger: #a42617;
  --danger-hover: #8a1f12;
  --on-danger: #ffffff;
  --scrim: rgba(16, 23, 19, 0.48);
  --inverse: #14201a;
  --on-inverse: #f2f3ee;
  --inverse-accent: #a3d6b8;
  --shadow-sheet: 0 -4px 24px rgba(20, 32, 26, 0.10);
  --shadow-modal: 0 12px 40px rgba(20, 32, 26, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #101713;
    --surface: #18221d;
    --surface-tint: #1f3329;
    --surface-frozen: #141b17;
    --ink: #eef2ee;
    --ink-muted: #b3c0b8;
    --ink-subtle: #95a39a;
    --line: #3d4d44;
    --line-control: #6f8277;
    --accent: #a3d6b8;
    --accent-hover: #bde4cc;
    --on-accent: #101713;
    --focus: var(--accent);
    --readiness-young: #b3c4ff;
    --readiness-young-tint: #1e2a4a;
    --readiness-ready: #93dfac;
    --readiness-ready-tint: #173823;
    --readiness-closing: #f5c266;
    --readiness-closing-tint: #3d2c0e;
    --readiness-past: #ffa898;
    --readiness-past-tint: #44201b;
    --readiness-unknown: #bac2bd;
    --readiness-unknown-tint: #2a312d;
    --success: var(--readiness-ready);
    --success-tint: var(--readiness-ready-tint);
    --warning: var(--readiness-closing);
    --warning-tint: var(--readiness-closing-tint);
    --error: var(--readiness-past);
    --error-tint: var(--readiness-past-tint);
    --danger: #ffa898;
    --danger-hover: #ffbdb0;
    --on-danger: #101713;
    --scrim: rgba(0, 0, 0, 0.64);
    --inverse: #eef2ee;
    --on-inverse: #101713;
    --inverse-accent: #1f4d38;
    --shadow-sheet: 0 -4px 24px rgba(0, 0, 0, 0.50);
    --shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.60);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101713;
  --surface: #18221d;
  --surface-tint: #1f3329;
  --surface-frozen: #141b17;
  --ink: #eef2ee;
  --ink-muted: #b3c0b8;
  --ink-subtle: #95a39a;
  --line: #3d4d44;
  --line-control: #6f8277;
  --accent: #a3d6b8;
  --accent-hover: #bde4cc;
  --on-accent: #101713;
  --focus: var(--accent);
  --readiness-young: #b3c4ff;
  --readiness-young-tint: #1e2a4a;
  --readiness-ready: #93dfac;
  --readiness-ready-tint: #173823;
  --readiness-closing: #f5c266;
  --readiness-closing-tint: #3d2c0e;
  --readiness-past: #ffa898;
  --readiness-past-tint: #44201b;
  --readiness-unknown: #bac2bd;
  --readiness-unknown-tint: #2a312d;
  --success: var(--readiness-ready);
  --success-tint: var(--readiness-ready-tint);
  --warning: var(--readiness-closing);
  --warning-tint: var(--readiness-closing-tint);
  --error: var(--readiness-past);
  --error-tint: var(--readiness-past-tint);
  --danger: #ffa898;
  --danger-hover: #ffbdb0;
  --on-danger: #101713;
  --scrim: rgba(0, 0, 0, 0.64);
  --inverse: #eef2ee;
  --on-inverse: #101713;
  --inverse-accent: #1f4d38;
  --shadow-sheet: 0 -4px 24px rgba(0, 0, 0, 0.50);
  --shadow-modal: 0 12px 40px rgba(0, 0, 0, 0.60);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --size-touch: 44px;
  --size-control: 48px;
  --size-nav: 64px;
  --size-rail: 96px;
  --size-content: 720px;
  --size-content-wide: 1040px;
  --size-breakpoint: 840px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --font-sans: Manrope, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}