/* ==========================================================================
   nemo-base.css
   Theme tokens only — colors, fonts, spacing, radii, shadows.
   Swap values here to re-theme the whole site. No layout rules belong
   in this file; those live in nemo.css.
   ========================================================================== */

:root {
  /* ---- Palette (pulled from the IR hero photograph) ---- */
  --color-bg:            #FBF7F4;  /* warm ivory page background */
  --color-bg-alt:        #F4E3EC;  /* soft blush, alternating sections */
  --color-surface:       #FFFFFF;  /* cards, table, panels */

  --color-accent:        #B04A9B;  /* orchid pink — primary accent */
  --color-accent-strong: #8E3A7C;  /* deeper pink — links, buttons, hover */
  --color-secondary:     #8F8FE0;  /* periwinkle — secondary accent */
  --color-secondary-deep:#3F3E8F;  /* deep periwinkle — nav bar, headings */

  --color-text:          #2B2A3D;  /* deep plum-navy body text */
  --color-text-muted:    #5B5A70;  /* softened body text */
  --color-text-on-dark:  #F6F4FA;  /* text on dark nav / footer */

  --color-sage:          #6F8F7A;  /* quiet counterpoint — memorial cards, table accents */
  --color-sage-deep:      #4F6B5A;

  --color-border:        #E4D8E0;
  --color-border-strong: #C9A8C0;

  --color-focus:         #3F3E8F;

  /* ---- Fonts ----
     Headings: Cormorant Garamond (elegant, literary)
     Body/UI:  Source Sans 3 (clean, legible at small sizes)
     Self-host both — see /fonts and the @font-face block in nemo.css
     for the swap point if you prefer system fonts while prototyping. */
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---- Type scale ---- */
  --fs-hero:      clamp(2.6rem, 6vw, 4.6rem);
  --fs-h1:        clamp(2rem, 4vw, 3rem);
  --fs-h2:        clamp(1.5rem, 3vw, 2.1rem);
  --fs-h3:        1.3rem;
  --fs-body:      1.05rem;
  --fs-small:     0.9rem;

  /* ---- Spacing scale ---- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.75rem;
  --space-lg:  3rem;
  --space-xl:  5rem;

  /* ---- Shape ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 1px 3px rgba(43, 42, 61, 0.08);
  --shadow-md: 0 6px 20px rgba(43, 42, 61, 0.10);
  --shadow-lg: 0 12px 36px rgba(43, 42, 61, 0.16);

  /* ---- Layout ---- */
  --content-max: 1120px;
  --nav-height: 68px;
  --subnav-height: 44px;
}

/* Dark-mode aware surface swap — optional, off by default.
   Uncomment and tune if/when the site should support a dark theme.
*/
/*
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #201F2C;
    --color-bg-alt: #2A2836;
    --color-surface: #2E2C3B;
    --color-text: #F1EEF7;
    --color-text-muted: #C7C3D6;
    --color-border: #453F52;
  }
}
*/