/* ============================================================
   Ekyam Solar, design tokens
   Palette, type, spacing. See /DESIGN-NOTES.md for the rationale.
   ============================================================ */

:root {
  /* --- Color: navy/gold, given distinct roles rather than one "brand blue" --- */
  --deep: #0A1E38;       /* grounding, footer, one hero band, never overused */
  --navy: #14355E;       /* primary surface/text color */
  --navy-700: #1D4573;   /* navy, one step lighter, hover/active states */
  --gold: #C98A1F;       /* primary accent, brass, not candy-amber */
  --gold-deep: #9A6A17;  /* gold, darkened for AA text contrast on --paper */
  --sun: #E8A33D;        /* secondary warm accent, sun icon motif only */
  --paper: #F7F4EC;      /* page background, warm off-white, not stark white */
  --paper-raised: #FFFFFF;
  --ink: #16263B;        /* body text on paper */
  --ink-soft: #5B6B7F;   /* secondary/muted text, cool slate */
  --line: #DDD5C4;       /* hairline rules on paper */
  --line-dark: rgba(255, 255, 255, 0.14); /* hairline rules on navy/deep */

  /* --- Type --- */
  --font-display: "Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;

  /* fluid type scale, clamps keep headlines from overwhelming on mobile */
  --fs-hero: clamp(2.6rem, 5.5vw + 1rem, 4.6rem);
  --fs-h1: clamp(2.1rem, 3.4vw + 1rem, 3.2rem);
  --fs-h2: clamp(1.6rem, 2vw + 1rem, 2.2rem);
  --fs-h3: 1.3rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-micro: 0.8125rem;

  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  /* --- Spacing scale --- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4.5rem;
  --sp-7: 6.5rem;
  --sp-8: 9rem;

  --container: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  --radius-sm: 6px;
  --radius-md: 10px;

  --shadow-float: 0 20px 48px -16px rgba(10, 30, 56, 0.28);

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  /* Reserved: this site intentionally ships light-only for now (a service
     business needs consistent, printable, screenshot-safe branding more
     than a dark mode). Revisit if requested. */
}