/*
 * @ava/design 0.15.1 — design tokens (CSS custom properties)
 * Generated by build/tokens.ts from the DTCG 2025.10 files in tokens/. Do not edit.
 * Rules: DESIGN.md (approved v1.11.0, direction A «Amber»). Never copy these values into an app.
 */

:root {
  color-scheme: light;

  /* primitive */
  --ava-white: oklch(1 0 0);
  --ava-signal: #FFE600;
  --ava-neutral-165: oklch(0.165 0.006 75);
  --ava-neutral-170: oklch(0.17 0.006 75);
  --ava-neutral-210: oklch(0.21 0.0062 75);
  --ava-neutral-262: oklch(0.262 0.0066 75);
  --ava-neutral-295: oklch(0.295 0.0062 75);
  --ava-neutral-330: oklch(0.33 0.0066 75);
  --ava-neutral-385: oklch(0.385 0.0061 75);
  --ava-neutral-400: oklch(0.4 0.006 75);
  --ava-neutral-470: oklch(0.47 0.006 75);
  --ava-neutral-490: oklch(0.49 0.0072 75);
  --ava-neutral-580: oklch(0.58 0.0068 75);
  --ava-neutral-600: oklch(0.6 0.006 75);
  --ava-neutral-760: oklch(0.76 0.0042 75);
  --ava-neutral-780: oklch(0.78 0.0061 75);
  --ava-neutral-860: oklch(0.86 0.004 75);
  --ava-neutral-865: oklch(0.865 0.0044 75);
  --ava-neutral-925: oklch(0.925 0.005 75);
  --ava-neutral-950: oklch(0.95 0.003 75);
  --ava-neutral-955: oklch(0.955 0.003 75);
  --ava-neutral-965: oklch(0.965 0.003 75);
  --ava-neutral-green-165: oklch(0.165 0.009 165);
  --ava-neutral-green-170: oklch(0.17 0.009 165);
  --ava-neutral-green-210: oklch(0.21 0.01 165);
  --ava-neutral-green-262: oklch(0.262 0.01 165);
  --ava-neutral-green-295: oklch(0.295 0.01 165);
  --ava-neutral-green-330: oklch(0.33 0.011 165);
  --ava-neutral-green-385: oklch(0.385 0.009 165);
  --ava-neutral-green-400: oklch(0.4 0.009 165);
  --ava-neutral-green-470: oklch(0.47 0.009 165);
  --ava-neutral-green-490: oklch(0.49 0.01 165);
  --ava-neutral-green-580: oklch(0.58 0.009 165);
  --ava-neutral-green-600: oklch(0.6 0.009 165);
  --ava-neutral-green-760: oklch(0.76 0.006 165);
  --ava-neutral-green-780: oklch(0.78 0.009 165);
  --ava-neutral-green-860: oklch(0.86 0.005 165);
  --ava-neutral-green-865: oklch(0.865 0.006 165);
  --ava-neutral-green-925: oklch(0.925 0.007 165);
  --ava-neutral-green-950: oklch(0.95 0.004 165);
  --ava-neutral-green-955: oklch(0.955 0.004 165);
  --ava-neutral-green-965: oklch(0.965 0.004 165);
  --ava-neutral-violet-165: oklch(0.165 0.03 268);
  --ava-neutral-violet-170: oklch(0.17 0.03 268);
  --ava-neutral-violet-210: oklch(0.21 0.0345 268);
  --ava-neutral-violet-262: oklch(0.262 0.033 268);
  --ava-neutral-violet-295: oklch(0.295 0.0345 268);
  --ava-neutral-violet-330: oklch(0.33 0.036 268);
  --ava-neutral-violet-385: oklch(0.385 0.03 268);
  --ava-neutral-violet-400: oklch(0.4 0.03 268);
  --ava-neutral-violet-470: oklch(0.47 0.03 268);
  --ava-neutral-violet-490: oklch(0.49 0.036 268);
  --ava-neutral-violet-580: oklch(0.58 0.03 268);
  --ava-neutral-violet-600: oklch(0.6 0.03 268);
  --ava-neutral-violet-760: oklch(0.76 0.021 268);
  --ava-neutral-violet-780: oklch(0.78 0.03 268);
  --ava-neutral-violet-860: oklch(0.86 0.018 268);
  --ava-neutral-violet-865: oklch(0.865 0.021 268);
  --ava-neutral-violet-925: oklch(0.925 0.024 268);
  --ava-neutral-violet-950: oklch(0.95 0.015 268);
  --ava-neutral-violet-955: oklch(0.955 0.011 268);
  --ava-neutral-violet-965: oklch(0.965 0.015 268);
  --ava-amber-195: oklch(0.195 0.03 65.9);
  --ava-amber-340: oklch(0.34 0.0746 68);
  --ava-amber-530: oklch(0.53 0.1219 62);
  --ava-amber-745: oklch(0.745 0.1699 62.5);
  --ava-amber-785: oklch(0.785 0.1681 67);
  --ava-amber-815: oklch(0.815 0.151 71);
  --ava-amber-840: oklch(0.84 0.1386 75);
  --ava-amber-950: oklch(0.95 0.045 80);
  --ava-accent-green-330: oklch(0.33 0.07 155);
  --ava-accent-green-500: oklch(0.5 0.1236 155);
  --ava-accent-green-505: oklch(0.505 0.1248 155);
  --ava-accent-green-545: oklch(0.545 0.1347 155);
  --ava-accent-green-800: oklch(0.8 0.17 155);
  --ava-accent-green-950: oklch(0.95 0.04 155);
  --ava-accent-violet-330: oklch(0.33 0.11 280);
  --ava-accent-violet-460: oklch(0.46 0.25 278);
  --ava-accent-violet-480: oklch(0.48 0.22 280);
  --ava-accent-violet-500: oklch(0.5 0.25 278);
  --ava-accent-violet-760: oklch(0.76 0.1261 282);
  --ava-accent-violet-950: oklch(0.95 0.024 285);
  --ava-green-470: oklch(0.47 0.1294 150);
  --ava-green-505: oklch(0.505 0.1328 152);
  --ava-green-545: oklch(0.545 0.1433 152);
  --ava-green-800: oklch(0.8 0.19 152);
  --ava-orange-185: oklch(0.185 0.038 59);
  --ava-orange-500: oklch(0.5 0.1361 48);
  --ava-orange-660: oklch(0.66 0.1825 47);
  --ava-orange-700: oklch(0.7 0.1936 47);
  --ava-orange-820: oklch(0.82 0.1174 55);
  --ava-red-440: oklch(0.44 0.16 24);
  --ava-red-470: oklch(0.47 0.18 27);
  --ava-red-500: oklch(0.5 0.2037 27);
  --ava-red-550: oklch(0.55 0.2 27);
  --ava-red-551: oklch(0.551 0.2245 27);
  --ava-red-591: oklch(0.591 0.236 27);
  --ava-red-640: oklch(0.64 0.22 25);
  --ava-red-790: oklch(0.79 0.1212 24);
  --ava-blue-480: oklch(0.48 0.17 258);
  --ava-blue-550: oklch(0.55 0.21 262);
  --ava-blue-800: oklch(0.8 0.1038 252);
  --ava-violet-480: oklch(0.48 0.2 295);
  --ava-violet-550: oklch(0.55 0.24 292);
  --ava-violet-800: oklch(0.8 0.1129 295);
  --ava-avatar-25: oklch(0.52 0.17 25);
  --ava-avatar-55: oklch(0.52 0.1287 55);
  --ava-avatar-85: oklch(0.52 0.1065 85);
  --ava-avatar-150: oklch(0.52 0.1432 150);
  --ava-avatar-190: oklch(0.52 0.0897 190);
  --ava-avatar-230: oklch(0.52 0.1036 230);
  --ava-avatar-265: oklch(0.52 0.17 265);
  --ava-avatar-300: oklch(0.52 0.17 300);
  --ava-avatar-335: oklch(0.52 0.17 335);

  /* semantic */
  --bg: var(--ava-neutral-955);
  --surface: var(--ava-white);
  --surface-2: var(--ava-neutral-965);
  --surface-3: var(--ava-neutral-925);
  --surface-sunken: var(--ava-neutral-950);
  --surface-raised: var(--surface);
  --surface-raised-hover: var(--surface-2);
  --surface-step: var(--surface-2);
  --border: var(--ava-neutral-865);
  --border-strong: var(--ava-neutral-780);
  --input-border: var(--ava-neutral-600);
  --text: var(--ava-neutral-170);
  --text-2: var(--ava-neutral-400);
  --text-3: var(--ava-neutral-470);
  --accent: var(--ava-amber-785);
  --accent-hover: var(--ava-amber-745);
  --on-accent: var(--ava-amber-195);
  --accent-text: var(--ava-amber-530);
  --accent-soft: var(--ava-amber-950);
  --focus-ring: var(--accent-text);
  --signal: var(--ava-signal);
  --signature: var(--ava-amber-785);
  --signature-hover: var(--ava-amber-745);
  --on-signature: var(--ava-amber-195);
  --signature-text: var(--ava-amber-530);
  --signature-soft: var(--ava-amber-950);
  --success: var(--ava-green-470);
  --warning: var(--ava-orange-500);
  --danger: var(--ava-red-500);
  --info: var(--ava-blue-480);
  --review: var(--ava-violet-480);
  --success-fill: var(--ava-green-545);
  --success-fill-hover: var(--ava-green-505);
  --on-success-fill: var(--ava-white);
  --danger-fill: var(--ava-red-591);
  --danger-fill-hover: var(--ava-red-551);
  --on-danger-fill: var(--ava-white);
  --warning-fill: var(--ava-orange-700);
  --warning-fill-hover: var(--ava-orange-660);
  --on-warning-fill: var(--ava-orange-185);
  --info-fill: var(--ava-blue-550);
  --on-info-fill: var(--ava-white);
  --review-fill: var(--ava-violet-550);
  --on-review-fill: var(--ava-white);
  --danger-tile: var(--ava-red-550);
  --danger-tile-edge: var(--ava-red-470);
  --mix-soft: 13%;
  --mix-edge: 45%;
  --mix-edge-strong: 55%;
  --tint-2: oklch(0.17 0.006 75 / 0.02);
  --tint-3: oklch(0.17 0.006 75 / 0.03);
  --tint-4: oklch(0.17 0.006 75 / 0.04);
  --tint-5: oklch(0.17 0.006 75 / 0.05);
  --tint-6: oklch(0.17 0.006 75 / 0.06);
  --tint-8: oklch(0.17 0.006 75 / 0.08);
  --tint-10: oklch(0.17 0.006 75 / 0.1);
  --tint-12: oklch(0.17 0.006 75 / 0.12);
  --tint-15: oklch(0.17 0.006 75 / 0.15);
  --overlay: oklch(0 0 0 / 0.45);
  --shadow-1: 0 1px 2px 0 oklch(0.2 0.01 75 / 0.06), 0 0 0 1px oklch(0.2 0.01 75 / 0.02);
  --shadow-2: 0 10px 30px -8px oklch(0.2 0.02 75 / 0.18), 0 2px 6px 0 oklch(0.2 0.02 75 / 0.06);
  --hue-fg-l: 0.45;
  --hue-fg-c: 0.12;
  --hue-bg-l: 0.6;
  --hue-bg-c: 0.12;
  --hue-bg-a: 0.14;
  --avatar-25: var(--ava-avatar-25);
  --avatar-55: var(--ava-avatar-55);
  --avatar-85: var(--ava-avatar-85);
  --avatar-150: var(--ava-avatar-150);
  --avatar-190: var(--ava-avatar-190);
  --avatar-230: var(--ava-avatar-230);
  --avatar-265: var(--ava-avatar-265);
  --avatar-300: var(--ava-avatar-300);
  --avatar-335: var(--ava-avatar-335);
  --on-avatar: var(--ava-white);
  --font-ui: "Geist", "Onest", system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
  --type-display-size: 44px;
  --type-display-line: 48px;
  --type-display-weight: 700;
  --type-display-tracking: -0.03em;
  --type-h1-weight: 650;
  --type-h1-tracking: -0.02em;
  --type-h1-size: 28px;
  --type-h1-line: 34px;
  --type-h2-size: 20px;
  --type-h2-line: 28px;
  --type-h2-weight: 650;
  --type-h2-tracking: -0.015em;
  --type-h3-size: 16px;
  --type-h3-line: 24px;
  --type-h3-weight: 600;
  --type-h3-tracking: -0.01em;
  --type-body-weight: 400;
  --type-body-tracking: 0em;
  --type-body-strong-size: var(--type-body-size);
  --type-body-strong-line: var(--type-body-line);
  --type-body-strong-weight: 550;
  --type-body-strong-tracking: 0em;
  --type-small-size: 12.5px;
  --type-small-line: 18px;
  --type-small-weight: 450;
  --type-small-tracking: 0em;
  --type-caption-size: 11px;
  --type-caption-line: 16px;
  --type-caption-weight: 500;
  --type-caption-tracking: 0.08em;
  --type-data-size: 13px;
  --type-data-line: 20px;
  --type-data-weight: 400;
  --type-data-tracking: 0em;
  --type-kpi-size: 24px;
  --type-kpi-line: 28px;
  --type-kpi-weight: 650;
  --type-kpi-tracking: -0.02em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 9999px;
  --dur-micro: 120ms;
  --dur-fast: 160ms;
  --dur-base: 220ms;
  --dur-slow: 320ms;
  --dur-spring: 420ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emph: cubic-bezier(0.2, 0, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);

  /* component */
  --type-body-size: 14px;
  --type-body-line: 22px;
  --row-h: 40px;
  --control-h: 36px;
  --btn-h-xs: 28px;
  --btn-h-sm: 30px;
  --btn-h-md: 36px;
  --btn-h-touch: 48px;
  --btn-h-xl: 56px;
  --btn-font-xs: 12px;
  --badge-h: 22px;
  --tag-h: 20px;
}

/* theme: data-theme="light|dark" on <html>; without it the system preference applies (DESIGN.md §2) */

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--ava-neutral-165);
  --surface: var(--ava-neutral-262);
  --surface-2: var(--ava-neutral-295);
  --surface-3: var(--ava-neutral-330);
  --surface-sunken: var(--ava-neutral-210);
  --surface-raised: var(--surface-2);
  --surface-raised-hover: var(--surface-3);
  --surface-step: var(--surface-2);
  --border: var(--ava-neutral-385);
  --border-strong: var(--ava-neutral-490);
  --input-border: var(--ava-neutral-580);
  --text: var(--ava-white);
  --text-2: var(--ava-neutral-860);
  --text-3: var(--ava-neutral-760);
  --accent-hover: var(--ava-amber-815);
  --accent-text: var(--ava-amber-840);
  --accent-soft: var(--ava-amber-340);
  --focus-ring: var(--accent);
  --signature-hover: var(--ava-amber-815);
  --signature-text: var(--ava-amber-840);
  --signature-soft: var(--ava-amber-340);
  --success: var(--ava-green-800);
  --warning: var(--ava-orange-820);
  --danger: var(--ava-red-790);
  --info: var(--ava-blue-800);
  --review: var(--ava-violet-800);
  --danger-tile: var(--ava-red-440);
  --danger-tile-edge: var(--ava-red-640);
  --mix-soft: 19%;
  --mix-edge: 55%;
  --mix-edge-strong: 65%;
  --tint-2: oklch(1 0 0 / 0.02);
  --tint-3: oklch(1 0 0 / 0.03);
  --tint-4: oklch(1 0 0 / 0.04);
  --tint-5: oklch(1 0 0 / 0.05);
  --tint-6: oklch(1 0 0 / 0.06);
  --tint-8: oklch(1 0 0 / 0.08);
  --tint-10: oklch(1 0 0 / 0.1);
  --tint-12: oklch(1 0 0 / 0.12);
  --tint-15: oklch(1 0 0 / 0.15);
  --overlay: oklch(0 0 0 / 0.6);
  --shadow-1: 0 0 0 1px oklch(1 0 0 / 0.03);
  --shadow-2: 0 16px 40px -10px oklch(0 0 0 / 0.6), 0 0 0 1px oklch(1 0 0 / 0.05);
  --hue-fg-l: 0.82;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: var(--ava-neutral-165);
    --surface: var(--ava-neutral-262);
    --surface-2: var(--ava-neutral-295);
    --surface-3: var(--ava-neutral-330);
    --surface-sunken: var(--ava-neutral-210);
    --surface-raised: var(--surface-2);
    --surface-raised-hover: var(--surface-3);
    --surface-step: var(--surface-2);
    --border: var(--ava-neutral-385);
    --border-strong: var(--ava-neutral-490);
    --input-border: var(--ava-neutral-580);
    --text: var(--ava-white);
    --text-2: var(--ava-neutral-860);
    --text-3: var(--ava-neutral-760);
    --accent-hover: var(--ava-amber-815);
    --accent-text: var(--ava-amber-840);
    --accent-soft: var(--ava-amber-340);
    --focus-ring: var(--accent);
    --signature-hover: var(--ava-amber-815);
    --signature-text: var(--ava-amber-840);
    --signature-soft: var(--ava-amber-340);
    --success: var(--ava-green-800);
    --warning: var(--ava-orange-820);
    --danger: var(--ava-red-790);
    --info: var(--ava-blue-800);
    --review: var(--ava-violet-800);
    --danger-tile: var(--ava-red-440);
    --danger-tile-edge: var(--ava-red-640);
    --mix-soft: 19%;
    --mix-edge: 55%;
    --mix-edge-strong: 65%;
    --tint-2: oklch(1 0 0 / 0.02);
    --tint-3: oklch(1 0 0 / 0.03);
    --tint-4: oklch(1 0 0 / 0.04);
    --tint-5: oklch(1 0 0 / 0.05);
    --tint-6: oklch(1 0 0 / 0.06);
    --tint-8: oklch(1 0 0 / 0.08);
    --tint-10: oklch(1 0 0 / 0.1);
    --tint-12: oklch(1 0 0 / 0.12);
    --tint-15: oklch(1 0 0 / 0.15);
    --overlay: oklch(0 0 0 / 0.6);
    --shadow-1: 0 0 0 1px oklch(1 0 0 / 0.03);
    --shadow-2: 0 16px 40px -10px oklch(0 0 0 / 0.6), 0 0 0 1px oklch(1 0 0 / 0.05);
    --hue-fg-l: 0.82;
  }
}

/* density: data-density="compact|normal|touch" on any container (DESIGN.md §6) */

[data-density="compact"] {
  --type-body-size: 13px;
  --type-body-line: 20px;
  --type-body-strong-size: var(--type-body-size);
  --type-body-strong-line: var(--type-body-line);
  --row-h: 32px;
  --control-h: 30px;
}

[data-density="normal"] {
  --type-body-size: 14px;
  --type-body-line: 22px;
  --type-body-strong-size: var(--type-body-size);
  --type-body-strong-line: var(--type-body-line);
  --row-h: 40px;
  --control-h: 36px;
}

[data-density="touch"] {
  --type-body-size: 15px;
  --type-body-line: 24px;
  --type-body-strong-size: var(--type-body-size);
  --type-body-strong-line: var(--type-body-line);
  --row-h: 56px;
  --control-h: 48px;
}

/* viewport: mobile < 768 px (DESIGN.md §5, §7) */

@media (max-width: 767.98px) {
  :root {
    --type-h1-size: 22px;
    --type-h1-line: 28px;
  }
}

/* motion: prefers-reduced-motion: springs become 0 ms (DESIGN.md §9) */

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-spring: 0ms;
  }
}

/* gamut: data-gamut="green|violet" on <html> picks the product gamut (DESIGN.md 1.6.0 §3.8); without it, amber */

:root[data-gamut="green"] {
  --accent: var(--ava-accent-green-545);
  --on-accent: var(--ava-white);
  --focus-ring: var(--accent-text);
  --bg: var(--ava-neutral-green-955);
  --surface: var(--ava-white);
  --surface-2: var(--ava-neutral-green-965);
  --surface-3: var(--ava-neutral-green-925);
  --surface-sunken: var(--ava-neutral-green-950);
  --border: var(--ava-neutral-green-865);
  --border-strong: var(--ava-neutral-green-780);
  --input-border: var(--ava-neutral-green-600);
  --text: var(--ava-neutral-green-170);
  --text-2: var(--ava-neutral-green-400);
  --text-3: var(--ava-neutral-green-470);
  --accent-hover: var(--ava-accent-green-505);
  --accent-text: var(--ava-accent-green-500);
  --accent-soft: var(--ava-accent-green-950);
}

:root[data-gamut="green"][data-theme="dark"] {
  --bg: var(--ava-neutral-green-165);
  --surface: var(--ava-neutral-green-262);
  --surface-2: var(--ava-neutral-green-295);
  --surface-3: var(--ava-neutral-green-330);
  --surface-sunken: var(--ava-neutral-green-210);
  --border: var(--ava-neutral-green-385);
  --border-strong: var(--ava-neutral-green-490);
  --input-border: var(--ava-neutral-green-580);
  --text: var(--ava-white);
  --text-2: var(--ava-neutral-green-860);
  --text-3: var(--ava-neutral-green-760);
  --accent-hover: var(--ava-accent-green-505);
  --accent-text: var(--ava-accent-green-800);
  --accent-soft: var(--ava-accent-green-330);
}

@media (prefers-color-scheme: dark) {
  :root[data-gamut="green"]:not([data-theme="light"]) {
    --bg: var(--ava-neutral-green-165);
    --surface: var(--ava-neutral-green-262);
    --surface-2: var(--ava-neutral-green-295);
    --surface-3: var(--ava-neutral-green-330);
    --surface-sunken: var(--ava-neutral-green-210);
    --border: var(--ava-neutral-green-385);
    --border-strong: var(--ava-neutral-green-490);
    --input-border: var(--ava-neutral-green-580);
    --text: var(--ava-white);
    --text-2: var(--ava-neutral-green-860);
    --text-3: var(--ava-neutral-green-760);
    --accent-hover: var(--ava-accent-green-505);
    --accent-text: var(--ava-accent-green-800);
    --accent-soft: var(--ava-accent-green-330);
  }
}

:root[data-gamut="violet"] {
  --accent: var(--ava-accent-violet-500);
  --on-accent: var(--ava-white);
  --focus-ring: var(--accent-text);
  --bg: var(--ava-neutral-violet-955);
  --surface: var(--ava-white);
  --surface-2: var(--ava-neutral-violet-965);
  --surface-3: var(--ava-neutral-violet-925);
  --surface-sunken: var(--ava-neutral-violet-950);
  --border: var(--ava-neutral-violet-865);
  --border-strong: var(--ava-neutral-violet-780);
  --input-border: var(--ava-neutral-violet-600);
  --text: var(--ava-neutral-violet-170);
  --text-2: var(--ava-neutral-violet-400);
  --text-3: var(--ava-neutral-violet-470);
  --accent-hover: var(--ava-accent-violet-460);
  --accent-text: var(--ava-accent-violet-480);
  --accent-soft: var(--ava-accent-violet-950);
}

:root[data-gamut="violet"][data-theme="dark"] {
  --bg: var(--ava-neutral-violet-165);
  --surface: var(--ava-neutral-violet-262);
  --surface-2: var(--ava-neutral-violet-295);
  --surface-3: var(--ava-neutral-violet-330);
  --surface-sunken: var(--ava-neutral-violet-210);
  --border: var(--ava-neutral-violet-385);
  --border-strong: var(--ava-neutral-violet-490);
  --input-border: var(--ava-neutral-violet-580);
  --text: var(--ava-white);
  --text-2: var(--ava-neutral-violet-860);
  --text-3: var(--ava-neutral-violet-760);
  --accent-hover: var(--ava-accent-violet-460);
  --accent-text: var(--ava-accent-violet-760);
  --accent-soft: var(--ava-accent-violet-330);
}

@media (prefers-color-scheme: dark) {
  :root[data-gamut="violet"]:not([data-theme="light"]) {
    --bg: var(--ava-neutral-violet-165);
    --surface: var(--ava-neutral-violet-262);
    --surface-2: var(--ava-neutral-violet-295);
    --surface-3: var(--ava-neutral-violet-330);
    --surface-sunken: var(--ava-neutral-violet-210);
    --border: var(--ava-neutral-violet-385);
    --border-strong: var(--ava-neutral-violet-490);
    --input-border: var(--ava-neutral-violet-580);
    --text: var(--ava-white);
    --text-2: var(--ava-neutral-violet-860);
    --text-3: var(--ava-neutral-violet-760);
    --accent-hover: var(--ava-accent-violet-460);
    --accent-text: var(--ava-accent-violet-760);
    --accent-soft: var(--ava-accent-violet-330);
  }
}

/* raised layer (DESIGN.md 1.5.0 §6): inside a popover, menu or select list the step surface is one up */

:where(.ava-raised, .bg-popover) {
  --surface-step: var(--surface-raised-hover);
}