/* =====================================================================
   DMT Mate Technologies — Design Tokens v2 "Engineered Trust"
   Dark structured frame · light precise content · green = action only
   ===================================================================== */
:root {
  /* Brand core */
  --royal:        #041c64;
  --royal-700:    #0a2a8a;
  --royal-600:    #1740b8;
  --royal-900:    #02123f;
  --signal:       #65bf05;
  --signal-600:   #58a604;
  --signal-700:   #478404;
  --signal-50:    #f0f8e6;
  --signal-100:   #ddeec6;
  --ink:          #0b1222;   /* deeper, richer than before */
  --ink-800:      #131c33;
  --ink-700:      #1b2742;

  /* Client brand navy — header, nav dropdown and footer */
  --navy:         #071a4b;   /* header bar */
  --navy-deep:    #041238;   /* footer + top strip */
  --navy-panel:   #05142a;   /* nav dropdown panel */
  --navy-text:    #9eacbb;   /* body text on navy */

  /* Neutrals */
  --mist:         #f5f7fb;
  --paper:        #ffffff;
  --line:         #e6eaf2;
  --line-2:       #eef1f7;
  --line-dark:    rgba(255,255,255,.09);
  --line-dark-2:  rgba(255,255,255,.14);
  --steel:        #8893ab;
  --slate:        #4a5670;
  --graphite:     #1a2336;

  /* Status */
  --ok:#1f9d55; --warn:#b9770b; --danger:#c0392b;

  /* Type */
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Fluid type scale (tighter, more deliberate) */
  --step--2: 0.76rem;
  --step--1: 0.875rem;
  --step-0:  1rem;
  --step-1:  1.18rem;
  --step-2:  clamp(1.4rem, 1.1rem + 1.2vw, 1.7rem);
  --step-3:  clamp(1.85rem, 1.4rem + 1.8vw, 2.3rem);
  --step-4:  clamp(2.4rem, 1.7rem + 3vw, 3.4rem);
  --step-5:  clamp(2.9rem, 1.9rem + 4.6vw, 4.6rem);

  /* Layout */
  --container: 1200px;
  --container-wide: 1320px;
  --gap: 1.5rem;
  --radius-xs: 7px;
  --radius-sm: 10px;
  --radius:    14px;
  --radius-lg: 22px;

  /* Shadows — softer, layered, more premium */
  --shadow-xs: 0 1px 2px rgba(11,18,34,.06);
  --shadow-sm: 0 2px 8px rgba(11,18,34,.06), 0 1px 2px rgba(11,18,34,.04);
  --shadow:    0 8px 28px rgba(11,18,34,.09), 0 2px 6px rgba(11,18,34,.05);
  --shadow-lg: 0 24px 60px rgba(11,18,34,.16), 0 6px 16px rgba(11,18,34,.08);
  --shadow-signal: 0 8px 24px rgba(101,191,5,.32);
  --shadow-royal:  0 10px 30px rgba(4,28,100,.28);

  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}