/* Roamn — Color tokens
   A warm, worn-in field-guide palette: paper backgrounds, ink text,
   and three trail-map accents (coral / forest / gold). */

:root {
  /* ---- Base surfaces (paper) ---- */
  --paper: #F3EBDC;        /* app / page background */
  --paper-2: #FBF5E9;      /* lifted surface, phone screens */
  --card: #FCF8EE;         /* card / sheet surface */

  /* ---- Ink (text) ---- */
  --ink: #2A2520;          /* primary text, near-black warm brown */
  --ink-soft: #6A6053;     /* secondary text */
  --ink-faint: #988B78;    /* tertiary text, meta, timestamps */

  /* ---- Coral (Sunset) — primary accent / "You" ---- */
  --coral: #D15A33;
  --coral-deep: #9E3C1C;   /* coral text on paper, pressed coral */

  /* ---- Teal (Forest) — secondary accent / "Roamn's guide" ---- */
  --teal: #1E6A57;
  --teal-deep: #124A3C;    /* teal text, pressed teal */

  /* ---- Gold (Trail) — tertiary accent / "Popular" ---- */
  --gold: #D99A2B;
  --gold-deep: #8A5E12;    /* gold text on light gold wash */

  /* ---- Sand — lines, fills, warm neutrals ---- */
  --sand: #D8C7A8;         /* filled chips, avatars, muted tiles */
  --sand-line: #CBB792;    /* hairline borders, dividers */

  /* ---- Map / utility ---- */
  --map-ground: #E6DAC1;   /* map base */
  --map-me: #2F7DE1;       /* "my location" blue dot (only cool color) */

  /* ---- Accent tints (backgrounds behind icons / callouts) ---- */
  --coral-wash: rgba(209, 90, 51, 0.12);
  --teal-wash: rgba(30, 106, 87, 0.10);
  --gold-wash: rgba(217, 154, 43, 0.15);

  /* ================= Semantic aliases ================= */
  --bg-app: var(--paper);
  --bg-raised: var(--paper-2);
  --surface-card: var(--card);
  --surface-inverse: var(--ink);        /* dark chips / active tabs */

  --text-strong: var(--ink);
  --text-body: var(--ink-soft);
  --text-muted: var(--ink-faint);
  --text-on-accent: var(--paper-2);     /* text on coral/teal fills */

  --accent-primary: var(--coral);
  --accent-primary-text: var(--coral-deep);
  --accent-secondary: var(--teal);
  --accent-secondary-text: var(--teal-deep);
  --accent-tertiary: var(--gold);

  --border-hairline: var(--sand-line);
  --border-strong: var(--ink);

  /* Marker source colors: who dropped a pin */
  --pin-you: var(--coral);   /* the traveler's own spots */
  --pin-guide: var(--teal);  /* Roamn's guide suggestions */
  --pin-popular: var(--gold);/* popular on Roamn */
}