/* KAFE !N — shared theme tokens (link hub + menu) */

/* ---------- themes ---------- */

:root {
  /* dark: espresso */
  --bg: #1c140f;
  --surface: #2a1e17;
  --surface-2: #35271e;
  --text: #f3ece2;
  --text-dim: rgb(243 236 226 / .72);
  --text-faint: rgb(243 236 226 / .56);
  --line: rgb(243 236 226 / .16);
  --accent: #c99a6b;          /* crema: text + strokes */
  --accent-hi: #ddb68c;
  --accent-fill: #c99a6b;     /* crema: filled surfaces */
  --accent-fill-hi: #ddb68c;
  --accent-ink: #1c140f;      /* text on crema */
  --invert-bg: #f3ece2;       /* the menu button */
  --invert-text: #1c140f;
  --invert-icon-bg: #1c140f;
  --invert-icon-text: #f3ece2;
  --ring-text: #ddb68c;
  --steam: #f3ece2;
  --open: #a6d9a0;
  --closed: rgb(243 236 226 / .45);
  --pour: #f3ece2;
  --glow-top: rgb(201 154 107 / .22);
  --glow-bottom: rgb(74 52 38 / .55);
  --shadow: rgb(0 0 0 / .6);
  --map-bg: #2f2219;
  --map-road: #45332a;
  --map-major: #634734;
  --map-park: #3c4a2f;
  --map-water: #2c4650;
  --map-edge: #3e5f69;
  --map-rail: #c99a6b;

  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --arabic: "Readex Pro", "Archivo", system-ui, sans-serif;
  --ease: cubic-bezier(.22, .8, .24, 1);
  --pour-time: 1.2s;
  color-scheme: dark;
}

:root[data-kafein-theme="light"] {
  /* light: the menu's paper with espresso ink */
  --bg: #ece6dc;
  --surface: #fbf8f3;
  --surface-2: #efe6d9;
  --text: #1c140f;
  --text-dim: rgb(28 20 15 / .7);
  --text-faint: rgb(28 20 15 / .52);
  --line: rgb(28 20 15 / .12);
  --accent: #87562c;
  --accent-hi: #6f4421;
  --accent-fill: #c99a6b;
  --accent-fill-hi: #d6ab7e;
  --accent-ink: #1c140f;
  --invert-bg: #1c140f;
  --invert-text: #f3ece2;
  --invert-icon-bg: #c99a6b;
  --invert-icon-text: #1c140f;
  --ring-text: #87562c;
  --steam: #87562c;
  --open: #2e7a3a;
  --closed: rgb(28 20 15 / .4);
  --pour: #1c140f;
  --glow-top: rgb(201 154 107 / .38);
  --glow-bottom: rgb(255 255 255 / .55);
  --shadow: rgb(70 45 25 / .28);
  --map-bg: #e6dac8;
  --map-road: #fffaf2;
  --map-major: #d4b691;
  --map-park: #bccb9f;
  --map-water: #a3c6ce;
  --map-edge: #86b3bd;
  --map-rail: #87562c;
  color-scheme: light;
}