@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
  /* ── MC Abstract — Soft Modern ──
     Gallery white walls. Art provides the color.
     Clean, warm, kind, alive. Feminine without fussy. */

  --primary:   #C08B76;   /* Dusty clay rose — warm, soft, feminine */
  --secondary: #8BAF90;   /* Soft sage — Colorado nature, gentle green */
  --tertiary:  #D4A97A;   /* Warm honey — golden accent */
  --accent:    #C08B76;   /* Same as primary */

  --light:     #FDFBF9;   /* Cream white — barely warm */
  --dark:      #2A2624;   /* Warm charcoal — soft near-black */
  --mid:       #6B655F;   /* Warm stone — body text, WCAG AA on white */
  --bone:      #EDE9E4;   /* Soft bone — gentle borders */
  --blush:     #F6F0EC;   /* Blush — warm section background */

  --border:    #EDE9E4;
  --border-light: rgba(255,255,255,0.12);

  /* Typography */
  --font:         'Inter', sans-serif;
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-accent:  'Space Grotesk', sans-serif;
  --max: 1200px;

  /* Semantic */
  --bg:            #FFFFFF;
  --bg-surface:    #FDFBF9;
  --fg:            var(--dark);
  --fg-muted:      var(--mid);
  --border-subtle: var(--bone);

  /* Radii — soft and kind */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 100px;

  /* Shadows — gentle */
  --shadow-sm: 0 2px 8px rgba(42,38,36,0.04);
  --shadow-md: 0 4px 20px rgba(42,38,36,0.06);
  --shadow-lg: 0 12px 40px rgba(42,38,36,0.08);
}