/* ============================================================================
   MCK Design & Bau — Canonical design tokens (single source of truth).
   Linked by every page so the whole site shares one brand palette, font,
   radii and shadow scale. Page CSS should reference these --mck-* variables
   (or its own aliases mapped to them) instead of hard-coding values.
   ============================================================================ */
:root {
  /* ── Brand palette ── */
  --mck-ink:        #0d0c0b;  /* near-black — primary text / dark bg */
  --mck-paper:      #f9f8f6;  /* off-white — light bg */
  --mck-cream:      #f2ede4;  /* warm cream — light text on dark */
  --mck-line:       #e0d8ce;  /* hairline / border on light */
  --mck-muted:      #6a6059;  /* secondary text */
  --mck-gold:       #b07c28;  /* primary accent (gold) */
  --mck-gold-light: #d4a84a;
  --mck-teal:       #21898e;  /* secondary accent (teal) */
  --mck-teal-dark:  #1a6e72;
  --mck-orange:     #d4541e;
  --mck-blue:       #1b3a56;
  --mck-green:      #1a3327;
  --mck-danger:     #c0392b;

  /* ── Dark surfaces (homepage + dark chrome) ── */
  --mck-dark-bg:     #0d0c0b;
  --mck-dark-surface:#141210;
  --mck-dark-card:   #1a1916;
  --mck-dark-border: rgba(255, 255, 255, 0.08);
  --mck-on-dark:     #f2ede4;
  --mck-on-dark-dim: rgba(242, 237, 228, 0.62);

  /* ── Radii ── */
  --mck-radius:    20px;
  --mck-radius-sm: 12px;
  --mck-radius-xs: 8px;
  --mck-radius-pill: 999px;

  /* ── Shadow ── */
  --mck-shadow:    0 16px 48px rgba(13, 12, 11, 0.09), 0 2px 8px rgba(13, 12, 11, 0.06);
  --mck-shadow-lg: 0 32px 80px rgba(13, 12, 11, 0.13);

  /* ── Type ── */
  --mck-font: 'Inter', 'Trebuchet MS', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}