/* base.css — reset + design tokens */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html, body { height: 100%; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
button { background: none; border: none; cursor: pointer; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
:root {
  /* Brand — modern & bold, no-nonsense */
  --ink:      #0A0A0A;
  --charcoal: #1A1A1A;
  --steel:    #2C2C2C;
  --graphite: #3F3F3F;
  --mute:     #6B6B6B;
  --line:     #E5E3DE;
  --line-2:   #EEEBE4;
  --cream:    #F7F5F0;
  --paper:    #FBFAF6;
  --white:    #FFFFFF;
  --accent:      #1E3A8A; /* bright navy */
  --accent-hi:   #2952C8;
  --accent-dk:   #152C6B;
  --gold:        #C89B3C;

  /* Type */
  --font-body: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Fluid sizes */
  --fs-xs:  clamp(11px, 0.75vw + 8px, 13px);
  --fs-sm:  clamp(13px, 0.5vw + 11px, 15px);
  --fs-base: clamp(15px, 0.4vw + 14px, 17px);
  --fs-lg:  clamp(18px, 0.6vw + 16px, 22px);
  --fs-xl:  clamp(22px, 1vw + 18px, 30px);
  --fs-2xl: clamp(30px, 2vw + 22px, 46px);
  --fs-3xl: clamp(42px, 4vw + 24px, 78px);
  --fs-hero: clamp(56px, 7vw + 20px, 140px);

  /* Space */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
  --sp-20: 80px; --sp-24: 96px; --sp-32: 128px;

  /* Radius */
  --rad-sm: 6px; --rad-md: 10px; --rad-lg: 16px; --rad-xl: 22px;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(0,0,0,0.05);
  --sh-md: 0 6px 24px -8px rgba(0,0,0,0.14);
  --sh-lg: 0 16px 48px -12px rgba(0,0,0,0.22);
  --sh-inset: inset 0 0 0 1px rgba(255,255,255,0.06);
}
::selection { background: var(--accent); color: white; }