/* Casa Hush, Brand Tokens
 * Additive to _shared.css. Load AFTER _shared.css so future component styles
 * can reference these custom properties without rewriting the base sheet.
 */

:root {
  /* Neutrals, the room */
  --midnight: #1a1a1a;
  --charcoal: #2a2a2a;
  --oat: #f5f1ec;
  --linen: #ede5d8;

  /* Accent, sparingly */
  --candle: #c4a878;

  /* Product colorways */
  --sage: #9aa088;
  --blush: #d4a8a0;
  --midnight-blue: #2c3845;

  /* States */
  --error: #9a4a32;
  --success: #3a6b2c;

  /* Tone scale for text */
  --ink: #1a1a1a;
  --ink-soft: #3a3a3a;
  --ink-quiet: #5a5a5a;
  --ink-faint: #8a8a8a;
  --ink-whisper: #a8a8a8;

  /* Type */
  --font-display: 'Inter', system-ui, sans-serif;
  --font-editorial: 'Cormorant Garamond', serif;

  /* Spacing rhythm (8px base) */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* Edges */
  --hair: 1px solid rgba(26, 26, 26, 0.06);
  --hair-strong: 1px solid rgba(26, 26, 26, 0.12);
}