/* Silverleaf Eldercare design tokens.
   LOCKED at the 1a gate: palette derivation B and type pairing B are the
   site defaults below. Derivation A and the other pairings remain available
   as override classes for the styleguide record only.
   Both palettes derive from the client's logo and the extracted site tokens
   in _audit/silverleaf-audit/design-tokens.json. Nothing invented. */

:root {
  /* Palette B, pushed derivation: logo navy and champagne promoted */
  --ink: #081830;        /* from the logo field, headings and footer */
  --navy: #1B2A44;       /* supporting text */
  --slate: #5D6873;      /* secondary text, 4.89:1 on paper, AA at body size */
  --brass: #A8863F;      /* interactive gold */
  --paper: #F3EDE4;      /* warm default page background */
  --mist: #E9E2D6;       /* warm stone alternate band */
  --silver: #8792A0;     /* silver leaf support tone, dark grounds only */
  --white: #FFFFFF;

  --champagne: #D8B890;  /* logo ring gold, sampled from the mark */
  --logo-leaf: var(--navy);
  --logo-ring: var(--champagne);
  --logo-name: var(--navy);
  --logo-sub: #A8863F;

  /* Roles */
  --bg: var(--paper);
  --bg-alt: var(--mist);
  --bg-card: var(--white);
  --text: var(--navy);
  --text-strong: var(--ink);
  --text-soft: var(--slate);
  --accent: var(--brass);
  --accent-strong: #A8863F; /* darkened brass for borders and small accents */
  --rule: rgba(16, 27, 55, 0.14);
  --focus: #A8863F;

  /* Type pairing B, locked: Fraunces display, Public Sans body.
     The logo wordmark stays Libre Baskerville; type choice never touches it. */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Public Sans", "Helvetica Neue", Arial, sans-serif;

  --fs-small: 0.9375rem;  /* 15px, uppercase labels only, never body */
  --fs-0: 1.0625rem;      /* 17px body floor */
  --fs-1: 1.3125rem;      /* 21px */
  --fs-2: 1.625rem;       /* 26px */
  --fs-3: 2rem;           /* 32px */
  --fs-4: 2.5rem;         /* 40px */
  --fs-5: 3.25rem;        /* 52px */

  --fs-6: clamp(3rem, 6.5vw, 5rem);      /* flagship display, home hero */
  --fs-display: clamp(2.5rem, 5vw, 4rem); /* interior display */

  --lh-body: 1.65;
  --lh-tight: 1.15;
  --lh-display: 1.04;
  --track-caps: 0.14em;
  --track-display: -0.015em;

  /* Spacing, 4px base */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* Shape: square corner language, pill for buttons only */
  --radius: 0;
  --radius-pill: 999px;

  /* Elevation scale: rest, raised, floating */
  --shadow-1: 0 1px 2px rgba(8, 24, 48, 0.05), 0 4px 14px rgba(8, 24, 48, 0.05);
  --shadow-2: 0 2px 4px rgba(8, 24, 48, 0.06), 0 12px 32px rgba(8, 24, 48, 0.10);
  --shadow-3: 0 4px 8px rgba(8, 24, 48, 0.08), 0 24px 64px rgba(8, 24, 48, 0.16);
  --shadow-card: var(--shadow-1);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 400ms;
  --dur-slow: 700ms;
  --header-h: 5rem;
  --maxw: 72rem;
}

/* Styleguide record only: derivation A, not the site default */
.palette-a {
  --ink: #0C1829;
  --navy: #101B37;
  --slate: #67727E;      /* 4.32:1 on paper, 21px and larger only */
  --brass: #C4A265;
  --paper: #F4F0EB;
  --mist: #F3F5F7;

  --bg: var(--paper);
  --bg-alt: var(--mist);
  --text: var(--navy);
  --text-strong: var(--ink);
  --text-soft: var(--slate);
  --accent: var(--brass);
  --accent-strong: #A8863F;
  --rule: rgba(16, 27, 55, 0.14);
  --focus: #A8863F;
}

/* Styleguide record only: the other type candidates */
.type-a {
  --font-display: "Libre Baskerville", Georgia, serif;
  --font-body: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
}
.type-c {
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Karla", "Helvetica Neue", Arial, sans-serif;
}

/* Dark ground helper: sections on ink */
.on-ink {
  --bg: var(--ink);
  --bg-card: rgba(255, 255, 255, 0.04);
  --text: var(--paper);
  --text-strong: var(--white);
  --text-soft: rgba(244, 240, 235, 0.75);
  --rule: rgba(244, 240, 235, 0.22);
  --logo-leaf: var(--paper);
  --logo-name: var(--paper);
}