/* Design tokens — cool-neutral "study + business" palette,
   away from sepia/parchment. Map keeps its own warm tones internally. */
:root {
  /* Surface — bone / off-white, cool-neutral */
  --paper:        #F4F2ED;   /* page ground */
  --paper-light:  #FBFAF7;   /* lifted surfaces / nav */
  --paper-deep:   #E6E3DC;   /* card grounds */
  --paper-shadow: #C9C5BC;   /* soft frame edges */

  /* Ink — deep cool charcoal (no brown) */
  --ink:          #1C1F26;
  --ink-soft:     #3A3E48;
  --ink-faint:    #6E727B;

  /* Navy — primary cool accent (suit, contact section) */
  --navy:         #1A2540;
  --navy-soft:    #2D3A5C;
  --navy-line:    rgba(26, 37, 64, 0.12);

  /* Single warm accent — kept narrow: hovers, eyebrow rule, vermilion CTA */
  --vermilion:      #B5371C;
  --vermilion-warm: #C8412A;

  /* Gold — used only inside the map (cartouche, compass, hotspot rims).
     Not used elsewhere on the site. */
  --gold:        #B8902F;
  --gold-light:  #D9B760;

  /* Neumorphic shadow tokens — light source top-left.
     Use on cards, pills, raised affordances. */
  --neu-shadow-raised:
       8px  8px 18px rgba(20, 24, 32, 0.08),
      -8px -8px 18px rgba(255, 255, 255, 0.85);
  --neu-shadow-raised-sm:
       4px  4px 10px rgba(20, 24, 32, 0.07),
      -4px -4px 10px rgba(255, 255, 255, 0.85);
  --neu-shadow-pressed:
      inset 4px  4px 8px rgba(20, 24, 32, 0.07),
      inset -4px -4px 8px rgba(255, 255, 255, 0.85);
  --neu-shadow-hover:
       10px 10px 22px rgba(20, 24, 32, 0.10),
      -10px -10px 22px rgba(255, 255, 255, 0.9);

  /* Dark-surface neumorphic (used over --navy in contact section) */
  --neu-shadow-dark:
       6px  6px 14px rgba(0, 0, 0, 0.35),
      -6px -6px 14px rgba(255, 255, 255, 0.04);

  /* Type — two fonts only. EB Garamond for editorial (display + italic);
     Inter for UI / meta. */
  --font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-meta:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Spacing scale */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-24: 6rem;
  --s-32: 8rem;
  --s-48: 12rem;

  /* Layout */
  --measure: 64ch;
  --container-narrow: 720px;
  --container-mid:    960px;
  --container-wide:   1200px;
  --container-full:   1440px;

  /* Corner radii — modern, gentle */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* Motion */
  --ease-soft:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-emph:    cubic-bezier(0.4, 0, 0.2, 1);
  --ease-elastic: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* Z-index */
  --z-flair:     5;
  --z-content:   10;
  --z-nav:       100;
  --z-modal-bg:  900;
  --z-modal:     1000;
}