/* Calm Waters Care Network — design tokens
   Palette + logo confirmed from real brand assets (assets/design.md, assets/brand/01-brand-guide-master.jpeg).
   Fonts (Google Fonts):
   https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Lora:ital,wght@0,400;1,400;1,500&family=Montserrat:wght@400;500;600;700&display=swap
*/

:root {
  /* Official palette (matches the final logo) */
  --cw-navy:        #0F2E5D; /* primary — wordmark, headings, dark sections, footer */
  --cw-blue:        #5A8CC8; /* "Care Network Blue" — inner-arc blue, links, accents */
  --cw-lavender:    #8E6DBA; /* accent — wave highlight, soft accents */
  --cw-orange:      #E36A16; /* the sun — warm focal accent + CTAs (use sparingly) */
  --cw-sage:        #5A6B5A; /* grounding accent — leaf/branch motif */
  --cw-cream:       #F2EFE6; /* page background / light sections */

  /* Semantic roles */
  --cw-bg:           var(--cw-cream);
  --cw-surface:      #ffffff;
  --cw-text:         var(--cw-navy);
  --cw-text-muted:   var(--cw-blue);
  --cw-primary:      var(--cw-navy);
  --cw-secondary:    var(--cw-blue);
  --cw-accent:       var(--cw-lavender);
  --cw-cta:          var(--cw-orange);
  --cw-ground:       var(--cw-sage);
  --cw-border:       #D9D3C6; /* soft cream-tinted border */

  /* Signature gradient — calm water, sunrise-tinted */
  --cw-gradient-water:   linear-gradient(160deg, #0F2E5D 0%, #5A8CC8 60%, #A9C6E0 100%);
  --cw-gradient-sunrise: linear-gradient(120deg, #5A8CC8 0%, #8E6DBA 55%, #E36A16 120%);

  /* Earthy alternate palette (secondary mood — see assets/design.md) */
  --cw-alt-sand:      #DCC7B2;
  --cw-alt-deep-sea:  #39565F;
  --cw-alt-terracotta:#BB5A44;
  --cw-alt-moss:      #6B6F4A;
  --cw-alt-clay:      #C38068;

  /* Typography */
  --cw-font-display: "Cormorant Garamond", Georgia, serif; /* wordmark + hero/display headings */
  --cw-font-ui:      "Montserrat", system-ui, sans-serif;  /* UI, labels, buttons, body sans */
  --cw-font-accent:  "Lora", Georgia, serif;               /* tagline + pull quotes (use italic) */

  /* Type scale */
  --cw-h1: clamp(2.5rem, 6vw, 4.5rem);
  --cw-h2: clamp(2rem, 4vw, 3rem);
  --cw-h3: clamp(1.5rem, 3vw, 2rem);
  --cw-body: 1.125rem;
  --cw-small: 0.9375rem;

  /* Spacing & shape — generous, calm */
  --cw-space-section: clamp(4rem, 10vw, 8rem);
  --cw-radius: 14px;
  --cw-maxw: 72rem;
}

/* Suggested defaults (optional) */
/*
body { background: var(--cw-bg); color: var(--cw-text); font-family: var(--cw-font-ui); font-size: var(--cw-body); line-height: 1.65; }
h1, h2, h3 { font-family: var(--cw-font-display); font-weight: 500; color: var(--cw-text); line-height: 1.1; letter-spacing: 0.02em; }
.wordmark { font-family: var(--cw-font-display); letter-spacing: 0.12em; text-transform: uppercase; }
.tagline, blockquote { font-family: var(--cw-font-accent); font-style: italic; color: var(--cw-text-muted); }
.btn { font-family: var(--cw-font-ui); font-weight: 600; background: var(--cw-navy); color: var(--cw-cream); border-radius: var(--cw-radius); }
.btn--cta { background: var(--cw-orange); }
*/