/* =====================================================================
   bobelliott.org — v2
   Two themes: BLUEPRINT (cyanotype deep blue, white line — DEFAULT) and
   PAPER (white paper, drafting-blue line — toggled-to / scraped page).
   The toggle is a structural unlock: marginalia in cyanotype-color text
   sit invisible against the cyanotype default; flipping to paper reveals
   them as drafting-blue ink on white. Overlay mechanic — the surface is
   the topmost sheet; toggling reveals the sheet underneath it.
   ===================================================================== */

/* ---------- Theme tokens ---------- */
:root {
  /* BLUEPRINT (default) — cyanotype deep blue, white line */
  --paper:        #0a2540;       /* cyanotype deep blue */
  --paper-deep:   #06192e;
  --ink:          #fbfaf6;       /* the white "print" of a cyanotype */
  --ink-soft:     #cfd9e6;
  --ink-faint:    #8ea0ba;
  --rule:         #fbfaf6;
  --rule-mid:     #8ea0ba;
  --rule-faint:   #2b446a;
  --accent:       #ff8a5a;       /* warmer coral for the dark side */
  --accent-soft:  rgba(255, 138, 90, 0.14);
  --link:         #fbfaf6;
  --link-under:   #ff8a5a;
  --selection-bg: #ff8a5a;
  --selection-fg: #06192e;

  /* Marginalia color — fixed at cyanotype-color in BOTH modes.
     Invisible against the cyanotype default; visible against paper. */
  --marginalia:   #0a2540;

  --display: "Public Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body:    "Public Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sans:    "Public Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif:   "Public Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --hand:    "Architects Daughter", "Bradley Hand", "Segoe Script", cursive;

  --content-w: 68ch;
  --gutter: 1.25rem;
  --rule-w: 1px;

  /* ── Flexoki palette (stephango.com/flexoki) — full set, ingested as site
     settings for the globe pins and future map layers. Raw values are theme-
     independent; the semantic --pin-* tokens pick the bright (400) or deep
     (600) variant per theme. Add a pin category by mapping it to a hue. ──── */
  --fl-paper:#FFFCF0; --fl-black:#100F0F;
  --fl-50:#F2F0E5;  --fl-100:#E6E4D9; --fl-150:#DAD8CE; --fl-200:#CECDC3;
  --fl-300:#B7B5AC; --fl-400:#9F9D96; --fl-500:#878580; --fl-600:#6F6E69;
  --fl-700:#575653; --fl-800:#403E3C; --fl-850:#343331; --fl-900:#282726; --fl-950:#1C1B1A;
  --fl-red-600:#AF3029;     --fl-red-400:#D14D41;
  --fl-orange-600:#BC5215;  --fl-orange-400:#DA702C;
  --fl-yellow-600:#AD8301;  --fl-yellow-400:#D0A215;
  --fl-green-600:#66800B;   --fl-green-400:#879A39;
  --fl-cyan-600:#24837B;    --fl-cyan-400:#3AA99F;
  --fl-blue-600:#205EA6;    --fl-blue-400:#4385BE;
  --fl-purple-600:#5E409D;  --fl-purple-400:#8B7EC8;
  --fl-magenta-600:#A02F6F; --fl-magenta-400:#CE5D97;

  /* Semantic map-pin tokens. Default (blueprint/dark) uses the bright 400s. */
  --pin-travel:       var(--fl-yellow-400);
  --pin-distillery:   var(--fl-orange-400);
  --pin-escape:       var(--fl-green-400);
  --pin-architecture: var(--fl-blue-400);
  --pin-personal:     var(--fl-purple-400);
  --pin-route:        var(--fl-red-400);
  --pin-route-trail:  var(--fl-red-600);
  --pin-tint-been:    var(--fl-cyan-400);
  --pin-tint-want:    var(--fl-yellow-400);

  color-scheme: dark;
}

:root[data-theme="blueprint"] { color-scheme: dark; }

/* PAPER (toggled-to) — white paper, drafting blue */
:root[data-theme="paper"] {
  --paper:        #fbfaf6;       /* faint-warm white paper */
  --paper-deep:   #f0eee5;
  --ink:          #1a3a72;       /* drafting blue */
  --ink-soft:     #3d5a85;
  --ink-faint:    #7a8ba8;
  --rule:         #1a3a72;
  --rule-mid:     #7a8ba8;
  --rule-faint:   #c0cad9;
  --accent:       #a8262e;       /* surveyor's red */
  --accent-soft:  rgba(168, 38, 46, 0.10);
  /* Pins on paper: deeper 600 variants for contrast on white. */
  --pin-travel:       var(--fl-yellow-600);
  --pin-distillery:   var(--fl-orange-600);
  --pin-escape:       var(--fl-green-600);
  --pin-architecture: var(--fl-blue-600);
  --pin-personal:     var(--fl-purple-600);
  --pin-route:        var(--fl-red-600);
  --pin-route-trail:  var(--fl-red-600);
  --pin-tint-been:    var(--fl-cyan-600);
  --pin-tint-want:    var(--fl-yellow-600);
  --link:         #1a3a72;
  --link-under:   #a8262e;
  --selection-bg: #a8262e;
  --selection-fg: #fbfaf6;
  /* --marginalia stays #0a2540 — visible as dark-blue ink on white paper */
  color-scheme: light;
}