/*
  CSS Variables - Design System
  Colors, Typography, Spacing
*/

:root {
  /* ===== Design System Palette ===== */
  --color-bg: #FCFCFA; /* Warm Alabaster / Paper White */
  --color-text: #1C1B1A; /* Warm Charcoal Ink */
  --color-grey: #86868B;
  --color-hover-glow: rgba(0, 122, 255, 0.04);   /* Subtle Blue Glow */
  --color-tint-green: #6B7A6D; /* Stone Green - Taste/Beauty */
  --color-tint-gold: #B19F7E;  /* Amber Gold - Inspiration/Muse */
  --color-tint-blue: #7E8DA1;  /* Lake Blue - Sanctuary/Pinterest */
  
  /* Precision Typography */
  --font-serif: ui-serif, 'New York', -apple-system-serif, 'Source Han Serif SC', serif;
  --font-italic: ui-serif, 'New York Italic', -apple-system-serif, serif;
  
  /* Base Typography Sizing */
  --size-main: 28px;
  --size-logo: 44px;
  --size-small: 14px;
  
  --line-height: 1.5;
  --letter-spacing: -0.01em;

  /* Transitions */
  --ease-poetic: cubic-bezier(0.4, 0, 0.2, 1);
  --trans-fade: 2s var(--ease-poetic);
}