/* The Continental Collective — Color tokens */
:root {
  /* ---- Base palette ---- */
  --warm-cream: #F3EFE8;
  --deep-charcoal: #222E2E;
  --cocoa-brown: #5C4635;
  --muted-gold: #C2A46B;
  --dusty-rose: #B68A8A;
  --deep-plum: #5A3E4B;
  --terracotta: #C4785A;

  /* ---- Tints & shades (derived, harmonious) ---- */
  --cream-100: #FAF8F4;
  --cream-200: #F3EFE8;
  --cream-300: #E7E0D4;
  --charcoal-900: #1A2424;
  --charcoal-800: #222E2E;
  --charcoal-700: #33413F;
  --gold-soft: #D6C097;
  --gold-deep: #A88948;
  --rose-soft: #CDACAC;
  --plum-soft: #74566270;

  /* ---- Semantic: surfaces ---- */
  --surface-page: #FFFFFF;
  --surface-cream: var(--warm-cream);
  --surface-dark: var(--deep-charcoal);
  --surface-card: #FFFFFF;
  --surface-card-cream: var(--cream-100);
  --surface-plum: var(--deep-plum);
  --surface-cocoa: var(--cocoa-brown);

  /* ---- Semantic: text ---- */
  --text-heading: var(--deep-charcoal);
  --text-body: var(--cocoa-brown);
  --text-muted: #8A7A6B;
  --text-on-dark: var(--warm-cream);
  --text-on-dark-muted: rgba(243, 239, 232, 0.72);
  --text-accent: var(--dusty-rose);
  --text-gold: var(--muted-gold);

  /* ---- Semantic: borders / lines ---- */
  --border-hairline: rgba(0, 0, 0, 0.08);
  --border-gold: rgba(194, 164, 107, 0.3);
  --border-on-dark: rgba(243, 239, 232, 0.18);
  --border-input: #D8D0C4;

  /* ---- Semantic: interactive ---- */
  --accent: var(--muted-gold);
  --accent-hover: var(--gold-deep);
  --accent-contrast: var(--deep-charcoal);
  --focus-ring: rgba(194, 164, 107, 0.5);

  /* ---- Status ---- */
  --status-success: #6E8B6A;
  --status-warning: var(--terracotta);
  --status-error: #A6534A;
  --status-info: var(--deep-plum);
}