/* ==========================================================================
   Nexus Point Family Foundation — Design Tokens
   --------------------------------------------------------------------------
   SINGLE SOURCE OF TRUTH for the brand look. Values below come from the
   official NPFF Brochure Kit:
     Brand colors  : Teal #077074 · Orange #e88d60 · Green #8cac41
     Brand fonts   : Montserrat (titles) · Comfortaa (headings, "Mont")
                     · Alice (body) · EB Garamond (quotes, "The Seasons")
   To adjust the brand, edit THIS FILE only.
   ========================================================================== */

:root {
  /* --- Brand: Teal (primary — trust, health, the bold frame) --- */
  --teal-900: #043b3d;   /* deepest — hero, footer, dark bands */
  --teal-800: #05544f;
  --teal-700: #077074;   /* brand exact */
  --teal-600: #0a8b8d;
  --teal-500: #2aa6a3;
  --teal-100: #d4e8e7;   /* soft fill */

  /* --- Brand: Orange (secondary — warmth, heart, the call-to-action) --- */
  --orange-700: #b05a30;
  --orange-600: #cf6f42;
  --orange-500: #e88d60;  /* brand exact */
  --orange-400: #f0a079;
  --orange-100: #fbe7dc;  /* soft fill */

  /* --- Brand: Green (tertiary — growth, community) --- */
  --leaf-700: #5f7a26;
  --leaf-600: #6f8c2f;
  --leaf-500: #8cac41;    /* brand exact */
  --leaf-400: #a3c05f;
  --leaf-100: #eef3dd;    /* soft fill */

  /* --- Warm neutrals (cream backgrounds, soft surfaces) --- */
  --cream-50:  #fbf8f3;
  --cream-100: #f3ece0;
  --cream-200: #e9ddc9;

  /* --- Ink + grays (text; slightly teal-warm for cohesion) --- */
  --ink-900: #16302f;
  --ink-700: #324a48;
  --ink-500: #5d716f;
  --ink-300: #97a8a6;
  --line:    #e5dccb;                  /* hairline borders on cream */
  --line-dk: rgba(255,255,255,0.14);   /* hairline on teal */

  --white: #ffffff;

  /* --- Semantic roles (use these in components, not raw colors) --- */
  --bg-page:        var(--cream-50);
  --bg-surface:     var(--white);
  --bg-dark:        var(--teal-900);
  --bg-dark-soft:   var(--teal-800);
  --bg-warm:        var(--cream-100);

  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-on-dark:   #e8f3f2;
  --text-on-dark-muted: #a7c9c7;

  --accent:         var(--orange-500);
  --accent-hover:   var(--orange-600);
  --accent-fresh:   var(--leaf-500);
  --link:           var(--teal-700);

  /* --- Typography (NPFF Brochure Kit) --- */
  --font-title:   "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: "Comfortaa", "Montserrat", system-ui, sans-serif;
  --font-body:    "Alice", Georgia, "Times New Roman", serif;
  --font-ui:      "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-quote:   "EB Garamond", Georgia, serif;

  --fs-hero: clamp(2.4rem, 5.5vw, 4.1rem);
  --fs-h1:   clamp(1.9rem, 4vw, 2.9rem);
  --fs-h2:   clamp(1.45rem, 3vw, 2.05rem);
  --fs-h3:   1.3rem;
  --fs-body: 1.075rem;
  --fs-small: 0.9rem;

  /* --- Spacing + shape --- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(4,59,61,0.06), 0 2px 8px rgba(4,59,61,0.06);
  --shadow:    0 8px 30px rgba(4,59,61,0.10);
  --shadow-lg: 0 18px 50px rgba(4,59,61,0.16);

  --container: 1140px;
  --container-narrow: 760px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}