/* ============================================================
   LOOKOUT HOME SERVICES — DESIGN TOKENS  v3
   Light theme. Modeled on the Ned's Home pattern:
   light body, navy + orange brand, dark hero and footer.
   ============================================================ */

:root {

  /* ---- BRAND ---- */
  --navy:        #0d1b2a;
  --navy-deep:   #0a1622;
  --navy-soft:   #16283d;
  --orange:      #f4820a;
  --orange-hot:  #ff9421;
  --orange-deep: #d96f00;
  --cream:       #f5f5f0;

  /* ---- LIGHT SURFACES (body) ---- */
  --bg:          #f5f5f0;
  --bg-alt:      #eeede6;
  --card:        #ffffff;
  --field:       #ffffff;

  /* ---- TEXT ON LIGHT ---- */
  --ink:         #0d1b2a;
  --ink-soft:    #43526a;
  --ink-muted:   #75819a;

  /* ---- TEXT ON DARK (hero, promise, footer) ---- */
  --lite:        #ffffff;
  --lite-soft:   rgba(255,255,255,0.78);
  --lite-muted:  rgba(255,255,255,0.55);

  /* ---- LINES ---- */
  --line:        #e0dfd6;
  --line-strong: #c9c8bd;
  --line-dark:   rgba(255,255,255,0.14);

  /* ---- FEEDBACK ---- */
  --green: #1e9e57;
  --red:   #d84a38;
  --amber: #b7791f;
  --amber-bright: #f1c40f;

  /* ---- TYPE ---- */
  --font-head: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Barlow', system-ui, -apple-system, sans-serif;

  --fs-hero:  clamp(2.6rem, 6.5vw, 4.6rem);
  --fs-h2:    clamp(1.85rem, 3.6vw, 2.8rem);
  --fs-h3:    1.35rem;
  --fs-lead:  clamp(1.05rem, 2vw, 1.25rem);
  --fs-body:  1.0625rem;
  --fs-small: 0.95rem;
  --fs-micro: 0.75rem;

  --track-wide: 0.2em;
  --track-cta:  0.08em;

  /* ---- SPACE ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 5.5rem;

  --maxw:      1200px;
  --maxw-text: 62ch;
  --tap:       52px;

  /* ---- SHAPE ---- */
  --shadow:      0 14px 34px -16px rgba(13,27,42,0.22);
  --shadow-card: 0 6px 18px -8px rgba(13,27,42,0.14);
  --ring:        0 0 0 3px rgba(244,130,10,0.45);

  /* ---- MOTION ---- */
  --t-fast: 120ms cubic-bezier(.2,.7,.3,1);
  --t-base: 220ms cubic-bezier(.2,.7,.3,1);
}
