/* ============================================================
   NAILIFY — CENTRALE DESIGN TOKENS  ("Strak verfijnd")
   Aliassen op het bestaande --color-* schema (CLAUDE.md §6).
   Fallback-waarden zodat de tokens óók werken op pagina's die
   het --color-* palet niet zelf definiëren (auth, placeholders).
   Laad dit VÓÓR de systeem-CSS: het overschrijft niets, het
   levert alleen variabelen.
   ============================================================ */
:root {
  /* Aliassen op bestaand schema (fallback = canonieke waarde) */
  --primary:    var(--color-primary, #8B2D6E);
  --primary-dk: var(--color-primary-dk, #6B1F54);
  --primary-lt: var(--color-primary-lt, #F4E7F0);
  --charcoal:   var(--color-text, #1F1F23);
  --muted:      var(--color-muted, #8A7A85);
  --bg:         var(--color-bg, #FAF7F7);
  --surface:    var(--color-surface, #FFFFFF);
  --border:     var(--color-border, #E8DDE5);

  /* Nieuwe tokens zonder bestaand equivalent */
  --mauve: #B48AA9;
  --blush: #F4E7E4;
  --taupe: #DCD6D2;
  --gray:  #F1F2F4;
  --star:  #F59E0B;
  --error: #EF4444;

  /* Radius & schaduw */
  --radius-pill: 999px;
  --shadow-sm: 0 1px 4px rgba(31,31,35,.06);
  --shadow-md: 0 4px 16px rgba(31,31,35,.08);

  /* Typografie */
  --font-heading: 'Manrope', sans-serif;
  --font-body:    'Poppins', sans-serif;
}