/* Design tokens — neo/glass palette & spacing */

:root {
  /* Brand / ink */
  --ink: #10221f;
  --paper: #e8f3ef;
  --foam: #f4fbf8;
  --text: #eaf6f2;
  --text-dim: rgba(220, 240, 232, 0.72);

  /* Lake palette */
  --teal: #1f9a88;
  --teal-mid: #167a6e;
  --teal-deep: #0f5c54;
  --water: #0d4a46;
  --water-deep: #082e2c;
  --green: #3d8b5a;
  --accent: #c45c26;
  --copper: #d07a45;
  --gold: #e6c35c;
  --gold-deep: #b8892a;
  --danger: #c45b5b;
  --frame: #1c1c1c;

  /* Neo / glass */
  --neo-light: rgba(255, 255, 255, 0.72);
  --neo-dark: rgba(26, 60, 58, 0.28);
  --neo-face: #e8f4f1;
  --glass: rgba(12, 32, 30, 0.72);
  --glass-strong: rgba(8, 22, 20, 0.88);
  --stroke: rgba(180, 220, 205, 0.22);
  --stroke-strong: rgba(220, 245, 230, 0.4);
  --shadow: rgba(0, 0, 0, 0.35);
  --shadow-up: 5px 6px 14px rgba(0, 0, 0, 0.35), -2px -2px 8px rgba(255, 255, 255, 0.06);
  --shadow-down: inset 3px 3px 8px rgba(0, 0, 0, 0.35), inset -2px -2px 6px rgba(255, 255, 255, 0.05);

  /* Geometry */
  --radius: 16px;
  --radius-sm: 12px;
  --touch: 44px;
  --hud-pad: clamp(0.45rem, 1.6vw, 0.85rem);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);

  /* Type */
  --font-ui: "Nunito", "Segoe UI", sans-serif;
  --font-brand: "Fraunces", Georgia, serif;
  font-family: var(--font-ui);
}