/* ============================================================
   ARC — Design Tokens  (white identity, mosaic accents)
   Brand colors sampled from the ARC logo.
   ============================================================ */

:root {
  /* --- Surfaces --- */
  --cream:    #FFFFFF;   /* page background            */
  --cream-2:  #F7F9FC;   /* raised / muted card        */
  --tan:      #EEF2F7;   /* soft block card            */
  --ink:      #16140F;   /* near-black text & pills    */
  --ink-soft: #2A2620;   /* dark surface, footer raise */

  /* --- ARC mosaic palette --- */
  --green:        #2FD27D;   /* primary brand accent  */
  --green-deep:   #1C8F57;   /* large fills w/ white text */
  --blue:         #1FA0EF;
  --orange:       #F07000;
  --purple:       #8050F0;
  --yellow:       #F2CB2E;

  /* --- Text --- */
  --text:         #1B1813;
  --text-muted:   #64748B;   /* slate grey on white    */
  --text-invert:  #F8FAFC;
  --text-invert-muted: #CBD5E1;

  /* --- Lines & shadows --- */
  --line:       #E2E8F0;
  --line-soft:  #F1F5F9;
  --line-dark:  #332F28;
  --shadow-sm:  0 1px 2px rgba(15,23,42,.05), 0 4px 12px rgba(15,23,42,.05);
  --shadow-md:  0 12px 30px rgba(15,23,42,.10);
  --shadow-lg:  0 30px 70px rgba(15,23,42,.14);

  /* --- Type --- */
  --font-serif: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans:  "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.74rem;
  --fs-body:    1rem;
  --fs-lead:    clamp(1.04rem, 0.98rem + 0.35vw, 1.22rem);
  --fs-h3:      clamp(1.25rem, 1.05rem + 1vw, 1.6rem);
  --fs-h2:      clamp(1.85rem, 1.35rem + 2.1vw, 3rem);
  --fs-h1:      clamp(2.45rem, 1.55rem + 4vw, 4.7rem);

  /* --- Layout & shape --- */
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4rem, 8vw, 8rem);
  --radius-sm: 12px;
  --radius:    20px;
  --radius-lg: 30px;

  /* --- Motion --- */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .45s;
}