/* ============================================================
     Shared design tokens (home + service pages)
     Extracted from the page sheets; identical across both.
     ============================================================ */
  :root {
    --bg:            #0b1428;
    --bg-2:          #11182f;
    --surface:       rgba(255, 255, 255, 0.025);
    --surface-2:     rgba(255, 255, 255, 0.045);
    --border:        rgba(255, 255, 255, 0.075);
    --border-2:      rgba(255, 255, 255, 0.14);
    --text:          #f5f5f7;
    --text-dim:      #a8aab8;
    --text-faint:    #8589a0;
    --accent:        #e7d3a8;
    --accent-2:      #f0deb8;
    --accent-glow:   rgba(231, 211, 168, 0.18);
    --on-accent:     #0b1428;
    --nav-bg:        rgba(11, 20, 40, 0.75);

    --shadow-inset:  inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --shadow-card:   0 30px 60px -30px rgba(0, 0, 0, 0.5);
    --shadow-card-strong: 0 40px 80px -40px rgba(0, 0, 0, 0.6);

    --serif:  "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;
    --sans:   "Geist", ui-sans-serif, -apple-system, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
    --mono:   "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

    --gutter: clamp(1.25rem, 4vw, 2.75rem);

    --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Light theme overrides */
  [data-theme="light"] {
    --bg:            #f7f5f0;
    --bg-2:          #efece5;
    --surface:       rgba(0, 0, 0, 0.028);
    --surface-2:     rgba(0, 0, 0, 0.05);
    --border:        rgba(0, 0, 0, 0.09);
    --border-2:      rgba(0, 0, 0, 0.18);
    --text:          #14141a;
    --text-dim:      #56565f;
    --text-faint:    #6f6f78;
    --accent:        #8a6a3a;
    --accent-2:      #a48050;
    --accent-glow:   rgba(138, 106, 58, 0.14);
    --on-accent:     #ffffff;

    --shadow-inset:  inset 0 1px 0 rgba(255, 255, 255, 0.6);
    --shadow-card:   0 20px 40px -20px rgba(50, 40, 20, 0.12);
    --shadow-card-strong: 0 30px 60px -30px rgba(50, 40, 20, 0.18);
    --nav-bg:          rgba(247, 245, 240, 0.78);
    color-scheme: light;
  }

  /* ============================================================
     1998 mode tokens
     ============================================================ */
  [data-era="1998"] {
    --bg:            #000080;
    --bg-2:          #000080;
    --surface:       #000000;
    --surface-2:     #00005f;
    --border:        #ff00ff;
    --border-2:      #ffff00;
    --text:          #ffff00;
    --text-dim:      #ffffff;
    --text-faint:    #c0c0c0;
    --accent:        #00ffff;
    --accent-2:      #ffff00;
    --accent-glow:   rgba(0, 255, 255, 0.25);
    --on-accent:     #000080;
    --nav-bg:        #c0c0c0;
    --shadow-inset:  none;
    --shadow-card:   none;
    --shadow-card-strong: none;
    --serif: "Times New Roman", Times, serif;
    --sans: Arial, Helvetica, sans-serif;
    --mono: "Courier New", Courier, monospace;
    --gutter: clamp(0.65rem, 3vw, 1rem);
  }