/* Cherished Memorials brand tokens (14-10-2026)
   Add this file to the website and link it before style.css. */
/* Fonts (Young Serif, Inter) load from a <link> on each page, which is faster than @import. */

:root {
  /* Brand colours */
  --cm-amber: #ED9702;       /* Sunrise Amber: the logo symbol, icons, small highlights. Not for text on white */
  --cm-amber-deep: #A15F00;  /* Deep Amber: text links and small amber text on white or cream (passes contrast) */
  --cm-amber-soft: #FCE7C0;  /* Soft Amber: light highlight boxes and badges */
  --cm-night: #171716;       /* Night: dark sections, footer, social posts */
  --cm-warm-white: #FFFCFA;  /* Warm White: text on Night */
  --cm-charcoal: #222326;    /* Charcoal: headings and main text on light */
  --cm-stone: #747679;       /* Stone Gray: body text and labels */
  --cm-dawn: #FFF6E6;        /* Dawn Cream: soft light backgrounds */
  --cm-white: #FFFFFF;

  /* Fonts */
  --cm-font-display: "Young Serif", Georgia, "Times New Roman", serif;  /* logo, headlines */
  --cm-font-body: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif; /* everything else */

  /* Tagline style */
  --cm-tagline-tracking: 0.3em;
}

/* Handy classes */
.cm-headline { font-family: var(--cm-font-display); font-weight: 400; letter-spacing: -0.01em; color: var(--cm-charcoal); }
.cm-tagline  { font-family: var(--cm-font-body); font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: var(--cm-tagline-tracking); }
.cm-dark     { background: var(--cm-night); color: var(--cm-warm-white); }
.cm-dark .cm-headline { color: var(--cm-warm-white); }
.cm-link     { color: var(--cm-amber-deep); }
.cm-dark .cm-link { color: var(--cm-amber); }