/* ============================================================
   Villz design tokens
   ------------------------------------------------------------
   Add these to your GLOBAL stylesheet (or @import this file
   from your global stylesheet). Every other Villz stylesheet
   references these custom properties.
   ============================================================ */

body { margin: 0; }

:root {
  /* Surfaces — deep noir */
  --noir:        #0a0908;
  --noir-2:      #141210;
  --noir-3:      #1c1916;

  /* Hairlines */
  --line:        #2a2520;
  --line-soft:   #1f1c18;

  /* Metallics — rose-gold / champagne / silver */
  --rose:        #c9a17a;
  --rose-deep:   #a07d5b;
  --champagne:   #e6cba8;
  --silver:      #d8d4cc;

  /* Type */
  --ivory:       #f4ede1;
  --ivory-dim:   #aea79a;
  --ivory-mute:  #6b6459;

  /* Type stacks */
  --font-serif:  'Cormorant Garamond', 'Cormorant SC', Georgia, serif;
  --font-sc:     'Cormorant SC', 'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono:   'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}