/* ============================================================
   MEMTEST INDUSTRIAL — Design Tokens
   Aesthetic: Industrial Precision / Engineering Blueprint
   ============================================================ */

:root {
  /* ---- Core palette ----
     Deep technical charcoal base, warm off-white ink,
     copper/amber accent referencing gold contacts & PCB traces. */
  --ink-void:        #08090A;
  --ink-base:        #0D0E10;
  --ink-raised:      #141518;
  --ink-panel:       #1A1C20;
  --ink-line:        #26292F;
  --ink-line-soft:   #1E2025;

  --paper:           #ECE7DC;
  --paper-dim:       #B8B3A8;
  --paper-faint:     #6F6B62;
  --paper-ghost:     #3A3833;

  --copper:          #C8956D;
  --copper-bright:   #E0B488;
  --copper-deep:     #8A6242;
  --copper-glow:     rgba(200, 149, 109, 0.18);

  --signal-cyan:     #5BA8B8;
  --signal-warn:     #D4A24C;
  --signal-ok:       #7BA85F;

  /* ---- Typography ---- */
  --font-display:   "Instrument Serif", "Times New Roman", serif;
  --font-body:      "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-mono:      "JetBrains Mono", "Courier New", monospace;

  /* fluid type scale */
  --fs-mega:    clamp(3.5rem, 9vw, 8.5rem);
  --fs-h1:      clamp(2.6rem, 5.5vw, 4.8rem);
  --fs-h2:      clamp(2rem, 3.6vw, 3.1rem);
  --fs-h3:      clamp(1.4rem, 2vw, 1.85rem);
  --fs-lead:    clamp(1.05rem, 1.3vw, 1.25rem);
  --fs-body:    0.95rem;
  --fs-small:   0.82rem;
  --fs-micro:   0.72rem;

  /* ---- Responsive typography ---- */
  @media (max-width: 400px) {
    --fs-body:   0.875rem;
  }

  /* ---- Spatial ---- */
  --pad-section:    clamp(5rem, 9vw, 9rem);
  --pad-gutter:     clamp(1.25rem, 4vw, 4rem);
  --radius:         2px;
  --radius-lg:      4px;

  /* ---- Motion ---- */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast:       0.2s;
  --t-med:        0.45s;
  --t-slow:       0.8s;

  /* ---- Layout ---- */
  --container:    1440px;
  --container-narrow: 1080px;

  /* ---- Shadows ---- */
  --shadow-soft:  0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.25);
  --shadow-lift:  0 2px 4px rgba(0,0,0,0.5), 0 24px 60px rgba(0,0,0,0.4);
  --shadow-glow:  0 0 0 1px var(--copper-glow), 0 20px 60px rgba(200,149,109,0.08);
}