/* ──────────────────────────────────────────────────────────────────────────
   TNO Atlas — theme tokens (shared by the map SPA and the Atlas content pages)
   Light = paper & ink. Dark = "night edition": warm charcoal & bone.
   Dark mode is driven by the .dark class on <html>, same key as the main site
   (localStorage 'tno_theme'), set by the inline script in _AtlasLayout.cshtml.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --paper:      #f4efe6;
  --paper-2:    #ebe3d4;
  --paper-3:    #e0d6c3;
  /* Text + accent follow the homepage (Tailwind stone scale + TNO orange) */
  --ink:        #1c1917;   /* stone-900 — headings */
  --ink-2:      #57534e;   /* stone-600 — body / deks */
  --ink-3:      #78716c;   /* stone-500 — meta */
  --rule:       #d6d3d1;   /* stone-300 */
  --accent:     #ff9100;   /* TNO orange — kickers, numbers, drop caps, pins */
  --accent-2:   #e88200;   /* hover orange (homepage hover:text-[#e88200]) */
  --sea:        #2f5d62;   /* archipelago reference markers */
  --shadow:     rgba(27, 25, 21, 0.12);

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Lora', Georgia, serif;
  --font-ui:      'Nunito', 'Inter', system-ui, sans-serif;

  color-scheme: light;
}

html.dark {
  --paper:      #0c0a09;   /* stone-950 — homepage dark background */
  --paper-2:    #1c1917;   /* stone-900 */
  --paper-3:    #292524;   /* stone-800 */
  --ink:        #ffffff;   /* headings: dark:text-white */
  --ink-2:      #d6d3d1;   /* stone-300 */
  --ink-3:      #a8a29e;   /* stone-400 */
  --rule:       #44403c;   /* stone-700 */
  --accent:     #ff9100;
  --accent-2:   #e88200;
  --sea:        #79aeb3;
  --shadow:     rgba(0, 0, 0, 0.45);

  color-scheme: dark;
}