/* ============================================================
   CBCC Design Tokens
   All CSS custom properties. Reference these everywhere.
   ============================================================ */

:root {
  /* ── Colours ── */
  --c-bg:           #FAF8F5;
  --c-bg-alt:       #F3EDE4;
  --c-dark:         #1F2328;
  --c-primary:      #C42B2B;
  --c-primary-dark: #A82424;
  --c-text:         #2C2A27;
  --c-muted:        #706860;
  --c-border:       #E3DAD0;
  --c-card:         #FFFFFF;
  --c-gold:         #C4985A;
  --c-gold-bg:      #F7EEE0;
  --c-green:        #2D6A4F;
  --c-green-bg:     #E3F0E9;

  /* ── Typography ── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Source Sans 3', system-ui, sans-serif;

  /* ── Spacing ── */
  --max-width:      1200px;
  --side-padding:   40px;
  --section-pad:    96px;

  /* ── Radii ── */
  --radius-lg:   10px;
  --radius-md:   8px;
  --radius-sm:   6px;
  --radius-pill: 20px;

  /* ── Shadows ── */
  --shadow-card:  0 1px 3px rgba(0,0,0,0.05), 0 4px 16px rgba(0,0,0,0.06);
  --shadow-large: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.10);
  --shadow-nav:   0 1px 6px rgba(0,0,0,0.06);
}