/* Atlas design tokens — ported from design_handoff/starter/tokens.css */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=Geist+Mono:wght@400;500&display=swap');

:root {
  /* Surface */
  --bg:         #ffffff;
  --bg-soft:    #fafaf9;
  --bg-elev:    #ffffff;
  --bg-sunken:  #f4f3f0;
  --bg-row:     #f8f7f5;

  /* Ink */
  --ink:    #0a0a0a;
  --ink-1:  #1a1a1a;
  --ink-2:  #555550;
  --ink-3:  #8a8a85;
  --ink-4:  #b8b6b0;
  --line:        #ececea;
  --line-strong: #d9d8d4;

  /* Accent — single ink-blue */
  --accent:        #1e63d6;
  --accent-strong: #154dab;
  --accent-tint:   #ecf2fc;

  /* Category colours */
  --c-stay: #c2410c;  --c-stay-tint: #fdf3eb;
  --c-eat:  #9a3412;  --c-eat-tint:  #fbeee5;
  --c-do:   #1e63d6;  --c-do-tint:   #ecf2fc;
  --c-move: #166534;  --c-move-tint: #eaf5ee;
  --c-note: #6b4423;  --c-note-tint: #f5efe7;

  /* Semantic */
  --success: #15803d;
  --warning: #b45309;
  --danger:  #b91c1c;

  /* Type */
  --font-sans:    'Geist', ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Geist', ui-sans-serif, -apple-system, sans-serif;
  --font-serif:   'Instrument Serif', ui-serif, serif;
  --font-mono:    'Geist Mono', ui-monospace, monospace;

  /* Radius */
  --r-sm: 8px;  --r-md: 12px;  --r-lg: 16px;
  --r-xl: 20px; --r-2xl: 28px; --r-pill: 999px;

  /* Elevation */
  --shadow-1: 0 1px 0 rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.04);
  --shadow-2: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px -8px rgba(0,0,0,.10);
  --shadow-3: 0 20px 60px -20px rgba(0,0,0,.20);

  /* Spacing — strict 4px scale */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px;  --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  --density-pad: 24px;
  --density-gap: 16px;
  --density-card-pad: 24px;
}

[data-density="compact"]  { --density-pad: 16px; --density-gap: 10px; --density-card-pad: 16px; }
[data-density="spacious"] { --density-pad: 32px; --density-gap: 20px; --density-card-pad: 32px; }

/* ── Dark mode ── */
[data-theme="dark"] {
  --bg:        #0d0d0d;
  --bg-soft:   #131312;
  --bg-elev:   #1a1a18;
  --bg-sunken: #222220;
  --bg-row:    #181816;
  --ink:    #f7f6f3;
  --ink-1:  #ececea;
  --ink-2:  #a5a39d;
  --ink-3:  #76746f;
  --ink-4:  #4a4945;
  --line:        #2a2a28;
  --line-strong: #3a3a37;
  --accent:        #5b95ef;
  --accent-strong: #82aef6;
  --accent-tint:   rgba(91,149,239,.14);
  --c-stay-tint: rgba(194,65,12,.16);
  --c-eat-tint:  rgba(154,52,18,.18);
  --c-do-tint:   rgba(30,99,214,.18);
  --c-move-tint: rgba(22,101,52,.18);
  --c-note-tint: rgba(107,68,35,.22);
}

/* ── Serif headlines toggle ── */
[data-headline-style="serif"] .h-display,
[data-headline-style="serif"] .h-hero,
[data-headline-style="serif"] .h-1,
[data-headline-style="serif"] .cover-title,
[data-headline-style="serif"] .trip-hero-content h1 {
  font-family: 'Instrument Serif', ui-serif, serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}
[data-headline-style="serif"] .h-display { letter-spacing: -0.02em; }