/* aftos.ai — design tokens ("Ink & Ember", chosen 2026-07-11).
   Custom properties ONLY — no selectors, no rules. site.css consumes these
   exclusively; nothing else may hardcode a hex value (except pure white/black
   in shadow/scrim rgba()s). Runner-up palette ("Signal Violet") kept as a
   commented alternate at the bottom of this file. */

:root {
  --bg: #faf7f2; --surface: #ffffff; --surface-2: #f1ece3; --line: #e7ded2;
  --text: #16130f; --muted: #6f6357;
  --brand: #d94f1e; --brand-ink: #ffffff; --accent: #8a7a63;
  --ok: #2e7d4f; --warn: #b47416; --danger: #b23b3b;
  --ok-bg: #e4f0e7; --warn-bg: #f8ecd7; --danger-bg: #f7e3e3; --err-bg: #f7e3e3;
  --radius: 15px; --tap: 46px; --shadow: 0 1px 3px rgba(40, 20, 10, .08);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14110d; --surface: #1d1915; --surface-2: #26211b; --line: #332c24;
    --text: #f0eae2; --muted: #a89577;
    --brand: #ff6a33; --brand-ink: #1a0d05; --accent: #a89577;
    --ok: #5fbe8a; --warn: #e5a94e; --danger: #f07272;
    --ok-bg: #1d2f24; --warn-bg: #332918; --danger-bg: #3a2020; --err-bg: #3a2020;
    --radius: 15px; --tap: 46px; --shadow: none;
  }
}

:root[data-theme="dark"] {
  --bg: #14110d; --surface: #1d1915; --surface-2: #26211b; --line: #332c24;
  --text: #f0eae2; --muted: #a89577;
  --brand: #ff6a33; --brand-ink: #1a0d05; --accent: #a89577;
  --ok: #5fbe8a; --warn: #e5a94e; --danger: #f07272;
  --ok-bg: #1d2f24; --warn-bg: #332918; --danger-bg: #3a2020; --err-bg: #3a2020;
  --radius: 15px; --tap: 46px; --shadow: none;
}

:root[data-theme="light"] {
  --bg: #faf7f2; --surface: #ffffff; --surface-2: #f1ece3; --line: #e7ded2;
  --text: #16130f; --muted: #6f6357;
  --brand: #d94f1e; --brand-ink: #ffffff; --accent: #8a7a63;
  --ok: #2e7d4f; --warn: #b47416; --danger: #b23b3b;
  --ok-bg: #e4f0e7; --warn-bg: #f8ecd7; --danger-bg: #f7e3e3; --err-bg: #f7e3e3;
  --radius: 15px; --tap: 46px; --shadow: 0 1px 3px rgba(40, 20, 10, .08);
}

/* ---- Alternate palette: "Signal Violet" (runner-up, 2026-07-11) ----------
   To switch: replace the light/dark value blocks above with these.
:root light  { --bg:#f7f7fb; --surface:#ffffff; --surface-2:#ededf4; --line:#e2e2ee;
               --text:#17171d; --muted:#63636f;
               --brand:#6c4ce0; --brand-ink:#ffffff; --accent:#16b8c8;
               --ok:#22a06b; --warn:#b47416; --danger:#b23b3b; }
:root dark   { --bg:#0e0e14; --surface:#17171f; --surface-2:#1f1f2a; --line:#262633;
               --text:#ececf4; --muted:#8f8fa3;
               --brand:#8d70ff; --brand-ink:#0e0e14; --accent:#2fd4e4;
               --ok:#4ad295; --warn:#e5a94e; --danger:#f07272; }
--------------------------------------------------------------------------- */