/* ComeAwayWith.me — design tokens (v3 Open Invitation).
   Single source of truth for both projects (projects/app, projects/coming-soon).
   Rules: docs/4_BRAND.md. Fonts: ../fonts/fonts.css (self-hosted, SIL OFL 1.1). */
:root {
  /* ink + paper */
  --ink: #0E1020;        /* text, stays pins, dark surfaces — 17.3:1 on paper */
  --ink-2: #3A3D52;      /* secondary text — 9.8:1 on paper */
  --ink-3: #5E6178;      /* muted text — 5.6:1 on paper */
  --paper: #F6F5F0;      /* page ground */
  --paper-2: #EFEDE6;    /* sunken areas, pass stubs */
  --card: #FFFFFF;
  --line: #E3E1D8;
  --line-2: #CFCCC0;

  /* signal colours */
  --cobalt: #2340F0;     /* primary action, links, routes — white text 6.9:1 */
  --cobalt-ink: #1A30C8; /* links on light / text on tints */
  --cobalt-700: #172AA8;
  --cobalt-50: #ECEFFF;
  --cobalt-100: #DCE2FF;
  --coral: #FF5A4E;      /* people, warmth, highlights — ink text on it; fill only */
  --coral-ink: #C2382C;  /* coral as text — 5.4:1 on white */
  --coral-50: #FFECE9;
  --lime: #CDF547;       /* signal: "you", RSVP, live state — ink text on it; never lime text on white */
  --lime-50: #F3FDD0;
  --lime-ink: #3D5A00;

  /* map */
  --sea: #DCE2FF;
  --sea-dots: #B7C2FA;

  /* day colours (route sequence) and their AA text colours */
  --d1: #2340F0;  --d1-text: #FFFFFF;
  --d2: #00A88F;  --d2-text: #0E1020;
  --d3: #8A3FFC;  --d3-text: #FFFFFF;
  --d4: #FF4F3F;  --d4-text: #0E1020;
  --d5: #12A4E8;  --d5-text: #0E1020;
  --d6: #E0338A;  --d6-text: #0E1020;
  --d7: #F29D00;  --d7-text: #0E1020;
  --d8: #5BAA12;  --d8-text: #0E1020;
  --d9: #A0522D;  --d9-text: #FFFFFF;
  --d10: #0E1020; --d10-text: #FFFFFF;

  /* type */
  --f-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --f-ui: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'DM Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --f-hand: 'Caveat', 'Segoe Print', cursive; /* names and short notes only, >= 18px */

  /* shape */
  --r-s: 10px; --r-m: 16px; --r-l: 22px; --r-xl: 30px;
  --sh-1: 0 1px 0 rgba(14,16,32,.06), 0 1px 3px rgba(14,16,32,.06);
  --sh-2: 0 1px 0 rgba(14,16,32,.05), 0 10px 30px -10px rgba(14,16,32,.22);
  --sh-3: 0 2px 0 rgba(14,16,32,.05), 0 30px 60px -20px rgba(14,16,32,.35);
  --focus: 0 0 0 3px var(--paper), 0 0 0 6px var(--cobalt);
}
