/* Advance Tech Inc. — Design tokens
   Locked from mood study 03 / Spec Sheet.
   Update here; everything inherits via :root custom properties. */

:root {
  /* Color — paper & ink */
  --paper:   #F7F7F4;
  --paper-2: #EEEEEA;
  --paper-3: #E5E5DF;
  --ink:     #0B0B0A;
  --ink-2:   #4A4A48;
  --ink-3:   #7A7A78;

  /* Color — grid & rules */
  --grid:    #E2E2DC;
  --rule:    #C9C7C0;

  /* Color — brand */
  --red:      #C8392E;
  --red-deep: #9C2A21;
  --blue:     #1E3A5F;
  --blue-2:   #2C5283;
  --amber:    #D8A24A;
  --moss:     #4F6B47;

  /* Typography stacks */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* Type scale (clamps for fluid resize) */
  --t-hero:     clamp(48px, 7vw, 104px);
  --t-h1:       clamp(40px, 5vw, 72px);
  --t-h2:       clamp(32px, 4vw, 56px);
  --t-h3:       clamp(24px, 2.4vw, 32px);
  --t-h4:       20px;
  --t-body-lg:  18px;
  --t-body:     16px;
  --t-small:    14px;
  --t-mono:     12px;
  --t-eyebrow:  11px;

  /* Spacing scale (8px base) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* Layout */
  --max-w:    1340px;
  --pad-x:    24px;
  --pad-x-lg: 32px;

  /* Radii — kept sharp; max 4px for technical feel */
  --r-1: 2px;
  --r-2: 4px;
  --r-pill: 999px;

  /* Shadows — layered, brand-tinted, low opacity */
  --shadow-sm: 0 1px 2px rgba(11, 11, 10, 0.06), 0 1px 1px rgba(11, 11, 10, 0.04);
  --shadow-md: 0 4px 12px rgba(11, 11, 10, 0.08), 0 2px 4px rgba(11, 11, 10, 0.04);
  --shadow-lift: 0 12px 28px rgba(11, 11, 10, 0.10), 0 4px 8px rgba(11, 11, 10, 0.05);

  /* Motion */
  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:    160ms;
  --dur-med:     280ms;
  --dur-slow:    700ms;
}