/* Kora / Sniffari color system — "Ember" direction.
   Warm-light editorial base, near-black ink, a single confident tangerine
   accent. Depth comes from hairlines + soft shadows, never heavy outlines. */
:root {
  /* ---- Base neutrals (warm) ---- */
  --bg: #F4F2EC;        /* warm paper — app background */
  --surface: #FFFFFF;   /* cards, sheets */
  --sunken: #F1EFE8;    /* chips, icon tiles, sunken fields */
  --line: #E8E5DC;      /* hairline borders & dividers */

  --ink: #15120E;       /* near-black warm ink — primary text */
  --ink-2: #6D665C;     /* secondary text */
  --ink-3: #A69E92;     /* tertiary / meta / placeholder */

  /* ---- Accent: Ember ---- */
  --ember: #FF5A2C;         /* primary accent — route line, CTAs, active */
  --ember-strong: #E5461B;  /* accent text on light (contrast-safe) */
  --ember-tint: #FFE8DF;    /* soft accent wash — badges, fills */

  /* ---- Verification ladder ---- */
  --built: #A69E92;         /* community built  — neutral */
  --walked: #4E8C6A;        /* community walked — calm trail green */
  --walked-tint: #E4F0EA;
  --verified: var(--ember); /* locally verified — the goal, accent */

  /* ---- Functional ---- */
  --gps: #2F80ED;           /* live location */
  --danger: #D92D20;        /* off-trail alert */
  --danger-tint: #FBE3E0;
  --star: #E0982B;          /* ratings */

  /* ---- Semantic aliases (use these) ---- */
  --surface-page: var(--bg);
  --surface-card: var(--surface);
  --surface-sunken: var(--sunken);

  --text-body: var(--ink);
  --text-muted: var(--ink-2);
  --text-faint: var(--ink-3);
  --text-on-accent: #FFFFFF;

  --border-hairline: var(--line);

  --accent: var(--ember);
  --accent-strong: var(--ember-strong);
  --accent-tint: var(--ember-tint);
  --on-accent: #FFFFFF;

  --link: var(--ember-strong);
  --link-hover: #C23A12;
  --focus-ring: var(--ember);

  --tier-built: var(--built);
  --tier-walked: var(--walked);
  --tier-verified: var(--ember);
  --tier-built-tint: var(--sunken);
  --tier-walked-tint: var(--walked-tint);
  --tier-verified-tint: var(--ember-tint);
}