/* ============================================================
   DIRECTION C: "Signal Flags" tokens. White base, near-black
   ink, and one maritime signal-flag color per project section
   (set in skin.css). Synth's signal blue is the site accent.
   Replaces neutral tokens.css when staged.
   ============================================================ */

:root {
  /* ---- Palette ---- */
  --c-ink:       #101418;
  --c-ink-soft:  #3a424c;
  --c-muted:     #69737f;
  --c-bg:        #ffffff;
  --c-bg-alt:    #f6f7f9;
  --c-border:    #e3e7ec;
  --c-accent:    #2451b8;

  /* ---- Semantic aliases ---- */
  --text:        var(--c-ink);
  --text-soft:   var(--c-ink-soft);
  --text-muted:  var(--c-muted);
  --bg:          var(--c-bg);
  --bg-alt:      var(--c-bg-alt);
  --border:      var(--c-border);
  --accent:      var(--c-accent);

  /* ---- Typography ---- */
  --font-display: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
  --font-body:    system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Radius ---- */
  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm:   0 2px 8px  rgba(16, 20, 24, 0.06);
  --shadow-card: 0 4px 24px rgba(16, 20, 24, 0.08);
  --shadow-lift: 0 8px 40px rgba(16, 20, 24, 0.12);

  /* ---- Spacing scale ---- */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;

  /* ---- Layout ---- */
  --container: 1080px; --container-pad: 24px;

  /* ---- Motion ---- */
  --transition: 0.2s ease;

  /* ---- Homepage (direction-independent black dolphin page) ---- */
  --home-bg:   #060a0e;
  --home-fig:  #f5f8fa;
  --home-name: #9fb0bc;
}