/* GENERATED by design-central/build-tokens.mjs — BAKED SNAPSHOT for AtlaVentures — ships with the site; central is only an override
   Do not edit. Edit the registry or the generator, then rebuild. */
/* GENERATED by design-central/build-tokens.mjs — project "AtlaVentures" (F4)
   Do not edit. Edit the registry or the generator, then rebuild. */
:root {
  --seed-light: #633923;
  --seed-dark: #ba8c73;
  --seed-on-light: #ffffff;
  --seed-on-dark: #1f1f1f;
  --ovt-accent: #96502b;
  --ovt-accent-tint: #ba8c73;
  --ovt-accent-shade: #633923;
}

/* GENERATED by design-central/build-tokens.mjs — look "Global Dark"
   Do not edit. Edit the registry or the generator, then rebuild. */
[data-look="global-dark"] {
  --md-sys-color-surface: #131313;
  --md-sys-color-surface-dim: #131313;
  --md-sys-color-surface-bright: #3a3a3a;
  --md-sys-color-surface-container-lowest: #0e0e0e;
  --md-sys-color-surface-container-low: #1b1b1b;
  --md-sys-color-surface-container: #1f1f1f;
  --md-sys-color-surface-container-high: #2a2a2a;
  --md-sys-color-surface-container-highest: #353535;
  --md-sys-color-on-surface: #e2e2e2;
  --md-sys-color-on-surface-variant: #c6c6c6;
  --md-sys-color-outline: #8f8f8f;
  --md-sys-color-outline-variant: #444444;
  --md-sys-color-inverse-surface: #e2e2e2;
  --md-sys-color-inverse-on-surface: #2f2f2f;
  --md-sys-color-scrim: rgba(0, 0, 0, 0.5);
  --md-sys-color-shadow: #000000;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-primary: var(--seed-dark, #c6c6c6);
  --md-sys-color-on-primary: var(--seed-on-dark, #1f1f1f);
  --bg-deep: #202020;
  --bg: #202020;
  --layer: #282828;
  --surface: #333333;
  --surface-raised: #3b3b3b;
  --surface-hover: #3b3b3b;
  --text: #ffffff;
  --text-dim: #d6d6d6;
  --text-faint: #adadad;
  --line: rgba(255, 255, 255, 0.09);
  --line-soft: rgba(0, 0, 0, 0.35);
  --control-stroke: rgba(255, 255, 255, 0.07);
  --ctrl-edge-top: rgba(255, 255, 255, 0.075);
  --ctrl-edge-bottom: rgba(255, 255, 255, 0.07);
  --subtle-hover: rgba(255, 255, 255, 0.059);
  --subtle-press: rgba(255, 255, 255, 0.039);
  --ok: #6ccb5f;
  --warn: #fce100;
  --danger: #ff99a4;
  --ok-wash: #393d1b;
  --warn-wash: #433519;
  --danger-wash: #442726;
  --shadow-rgb: 0, 0, 0;
  --sh-a: 0.24;
  --sh-b: 0.28;
  --scrim: rgba(0, 0, 0, 0.5);
  --focus-ring: #ffffff;
  --accent: var(--seed-dark, #d6d6d6);
  --on-accent: var(--seed-on-dark, #1f1f1f);
  --font-title: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --r-control: 4px;
  --r-overlay: 8px;
  --radius-sm: var(--r-control);
  --radius: var(--r-overlay);
  --radius-lg: var(--r-overlay);
  --d-fast: 100ms;
  --d-normal: 200ms;
  --d-gentle: 250ms;
  --ease-decel: cubic-bezier(0, 0, 0, 1);
  --ease-std: cubic-bezier(0.33, 0, 0.67, 1);
  --shadow2: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 1px 2px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow4: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 2px 4px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow8: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 4px 8px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow16: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 8px 16px rgba(var(--shadow-rgb), var(--sh-b));
}

/* GENERATED by design-central/build-tokens.mjs — look "Global Light"
   Do not edit. Edit the registry or the generator, then rebuild. */
[data-look="global-light"] {
  --md-sys-color-surface: #f9f9f9;
  --md-sys-color-surface-dim: #dadada;
  --md-sys-color-surface-bright: #f9f9f9;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f3f3f3;
  --md-sys-color-surface-container: #ededed;
  --md-sys-color-surface-container-high: #e7e7e7;
  --md-sys-color-surface-container-highest: #e1e1e1;
  --md-sys-color-on-surface: #1b1b1b;
  --md-sys-color-on-surface-variant: #474747;
  --md-sys-color-outline: #767676;
  --md-sys-color-outline-variant: #c6c6c6;
  --md-sys-color-inverse-surface: #303030;
  --md-sys-color-inverse-on-surface: #f1f1f1;
  --md-sys-color-scrim: rgba(0, 0, 0, 0.32);
  --md-sys-color-shadow: #000000;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #410002;
  --md-sys-color-primary: var(--seed-light, #474747);
  --md-sys-color-on-primary: var(--seed-on-light, #ffffff);
  --bg-deep: #f3f3f3;
  --bg: #f3f3f3;
  --layer: #f9f9f9;
  --surface: #fbfbfb;
  --surface-raised: #ffffff;
  --surface-hover: #f6f6f6;
  --text: #1b1b1b;
  --text-dim: #3d3d3d;
  --text-faint: #616161;
  --line: rgba(0, 0, 0, 0.14);
  --line-soft: rgba(0, 0, 0, 0.07);
  --control-stroke: rgba(0, 0, 0, 0.09);
  --ctrl-edge-top: rgba(0, 0, 0, 0.09);
  --ctrl-edge-bottom: rgba(0, 0, 0, 0.18);
  --subtle-hover: rgba(0, 0, 0, 0.037);
  --subtle-press: rgba(0, 0, 0, 0.024);
  --ok: #0f7b0f;
  --warn: #9d5d00;
  --danger: #c42b1c;
  --ok-wash: #dff6dd;
  --warn-wash: #fff4ce;
  --danger-wash: #fde7e9;
  --shadow-rgb: 0, 0, 0;
  --sh-a: 0.1;
  --sh-b: 0.14;
  --scrim: rgba(0, 0, 0, 0.3);
  --focus-ring: #1b1b1b;
  --accent: var(--seed-light, #474747);
  --on-accent: var(--seed-on-light, #ffffff);
  --font-title: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --r-control: 4px;
  --r-overlay: 8px;
  --radius-sm: var(--r-control);
  --radius: var(--r-overlay);
  --radius-lg: var(--r-overlay);
  --d-fast: 100ms;
  --d-normal: 200ms;
  --d-gentle: 250ms;
  --ease-decel: cubic-bezier(0, 0, 0, 1);
  --ease-std: cubic-bezier(0.33, 0, 0.67, 1);
  --shadow2: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 1px 2px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow4: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 2px 4px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow8: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 4px 8px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow16: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 8px 16px rgba(var(--shadow-rgb), var(--sh-b));
}

/* GENERATED by design-central/build-tokens.mjs — look "Matinee"
   Do not edit. Edit the registry or the generator, then rebuild. */
[data-look="matinee"] {
  --md-sys-color-surface: #f4f1ec;
  --md-sys-color-surface-dim: #ddd6c8;
  --md-sys-color-surface-bright: #f4f1ec;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #faf8f3;
  --md-sys-color-surface-container: #fefdfa;
  --md-sys-color-surface-container-high: #f2ede2;
  --md-sys-color-surface-container-highest: #ece4d3;
  --md-sys-color-on-surface: #262219;
  --md-sys-color-on-surface-variant: #454036;
  --md-sys-color-outline: #6b6558;
  --md-sys-color-outline-variant: #d0c5b4;
  --md-sys-color-inverse-surface: #33302a;
  --md-sys-color-inverse-on-surface: #f7f0e7;
  --md-sys-color-scrim: rgba(0, 0, 0, 0.32);
  --md-sys-color-shadow: #000000;
  --md-sys-color-error: #ba1a1a;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffdad6;
  --md-sys-color-on-error-container: #410002;
  --md-sys-color-primary: var(--seed-light, #6b6558);
  --md-sys-color-on-primary: var(--seed-on-light, #ffffff);
  --bg-deep: #f4f1ec;
  --bg: #f4f1ec;
  --layer: #faf8f3;
  --surface: #fefdfa;
  --surface-raised: #ffffff;
  --surface-hover: #f7f4ee;
  --text: #262219;
  --text-dim: #454036;
  --text-faint: #6b6558;
  --line: rgba(60, 45, 10, 0.16);
  --line-soft: rgba(60, 45, 10, 0.08);
  --control-stroke: rgba(60, 45, 10, 0.1);
  --ctrl-edge-top: rgba(60, 45, 10, 0.1);
  --ctrl-edge-bottom: rgba(60, 45, 10, 0.2);
  --subtle-hover: rgba(0, 0, 0, 0.037);
  --subtle-press: rgba(0, 0, 0, 0.024);
  --ok: #0f7b0f;
  --warn: #9d5d00;
  --danger: #c42b1c;
  --ok-wash: #dff6dd;
  --warn-wash: #fff4ce;
  --danger-wash: #fde7e9;
  --shadow-rgb: 60, 45, 10;
  --sh-a: 0.1;
  --sh-b: 0.14;
  --scrim: rgba(0, 0, 0, 0.3);
  --focus-ring: #262219;
  --accent: var(--seed-light, #8f6400);
  --on-accent: var(--seed-on-light, #ffffff);
  --font-title: Georgia, "Times New Roman", serif;
  --r-control: 4px;
  --r-overlay: 8px;
  --radius-sm: var(--r-control);
  --radius: var(--r-overlay);
  --radius-lg: var(--r-overlay);
  --d-fast: 100ms;
  --d-normal: 200ms;
  --d-gentle: 250ms;
  --ease-decel: cubic-bezier(0, 0, 0, 1);
  --ease-std: cubic-bezier(0.33, 0, 0.67, 1);
  --shadow2: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 1px 2px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow4: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 2px 4px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow8: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 4px 8px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow16: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 8px 16px rgba(var(--shadow-rgb), var(--sh-b));
}

/* GENERATED by design-central/build-tokens.mjs — look "Midnight"
   Do not edit. Edit the registry or the generator, then rebuild. */
[data-look="midnight"] {
  --md-sys-color-surface: #0d131d;
  --md-sys-color-surface-dim: #0d131d;
  --md-sys-color-surface-bright: #3a4964;
  --md-sys-color-surface-container-lowest: #080c12;
  --md-sys-color-surface-container-low: #131b28;
  --md-sys-color-surface-container: #18202e;
  --md-sys-color-surface-container-high: #1d2636;
  --md-sys-color-surface-container-highest: #232f42;
  --md-sys-color-on-surface: #e8eef7;
  --md-sys-color-on-surface-variant: #c2cddc;
  --md-sys-color-outline: #8fa0b5;
  --md-sys-color-outline-variant: #33415a;
  --md-sys-color-inverse-surface: #e8eef7;
  --md-sys-color-inverse-on-surface: #232f42;
  --md-sys-color-scrim: rgba(0, 0, 0, 0.5);
  --md-sys-color-shadow: #000000;
  --md-sys-color-error: #ffb4ab;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000a;
  --md-sys-color-on-error-container: #ffdad6;
  --md-sys-color-primary: var(--seed-dark, #8fa0b5);
  --md-sys-color-on-primary: var(--seed-on-dark, #131b28);
  --bg-deep: #0d131d;
  --bg: #0d131d;
  --layer: #131b28;
  --surface: #18202e;
  --surface-raised: #202a3c;
  --surface-hover: #202a3c;
  --text: #e8eef7;
  --text-dim: #c2cddc;
  --text-faint: #93a3b8;
  --line: rgba(255, 255, 255, 0.09);
  --line-soft: rgba(0, 0, 0, 0.35);
  --control-stroke: rgba(255, 255, 255, 0.07);
  --ctrl-edge-top: rgba(255, 255, 255, 0.075);
  --ctrl-edge-bottom: rgba(255, 255, 255, 0.07);
  --subtle-hover: rgba(255, 255, 255, 0.059);
  --subtle-press: rgba(255, 255, 255, 0.039);
  --ok: #6ccb5f;
  --warn: #fce100;
  --danger: #ff99a4;
  --ok-wash: #393d1b;
  --warn-wash: #433519;
  --danger-wash: #442726;
  --shadow-rgb: 0, 0, 0;
  --sh-a: 0.24;
  --sh-b: 0.28;
  --scrim: rgba(0, 0, 0, 0.5);
  --focus-ring: #ffffff;
  --accent: var(--seed-dark, #c2cddc);
  --on-accent: var(--seed-on-dark, #18202e);
  --font-title: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --r-control: 4px;
  --r-overlay: 8px;
  --radius-sm: var(--r-control);
  --radius: var(--r-overlay);
  --radius-lg: var(--r-overlay);
  --d-fast: 100ms;
  --d-normal: 200ms;
  --d-gentle: 250ms;
  --ease-decel: cubic-bezier(0, 0, 0, 1);
  --ease-std: cubic-bezier(0.33, 0, 0.67, 1);
  --shadow2: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 1px 2px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow4: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 2px 4px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow8: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 4px 8px rgba(var(--shadow-rgb), var(--sh-b));
  --shadow16: 0 0 2px rgba(var(--shadow-rgb), var(--sh-a)), 0 8px 16px rgba(var(--shadow-rgb), var(--sh-b));
}