:root {
  /* Colors from Layout */
  --primary:     #DE643B;
  --hover:       #BD5330;
  --dark:        #2D1D38;
  --h1-orange:   #FF6531;
  --h1-yellow:   #F3F3BD;
  --sub-lav:     #E6CFE3;
  --body-text:   #312836;
  --h4:          #332041;
  --bg-page:     #FAFAFA;
  --bg-yellow:   #F3F3BD;
  --bg-lavender: #E6CFE3;
  --bg-beige:    #F7F2E8;
  --bg-cream:    #F5F3ED;
  --footer-bg:   #2D1D38;
  --text-sec:    #676A6C;
  --text-muted:  #949494;
  --error:       #B00020;
  --success:     #27AE60;
  --border:      #DFDFDF;
  
  /* Shared with previous naming for compatibility if needed */
  --color-primary: var(--primary);
  --color-dark:    var(--dark);
  --color-bg-yellow: var(--bg-yellow);
  --color-bg-lavender: var(--bg-lavender);
  --color-bg-beige: var(--bg-beige);
  --color-bg-cream: var(--bg-cream);
  --color-bg-page: var(--bg-page);
  --color-body-text: var(--body-text);
  --color-text-secondary: var(--text-sec);
  --color-hover:   var(--hover);
  --color-error:   var(--error);
  --color-success: var(--success);
  --color-input-border: var(--border);

  /* Shadows */
  --shadow-sm:   0 2px 10px rgba(45,29,56,.08);
  --shadow-md:   0 6px 24px rgba(45,29,56,.12);
  --shadow-lg:   0 12px 48px rgba(45,29,56,.20);
  
  /* Fonts */
  --fh: 'Red Hat Display', sans-serif;
  --fb: 'Instrument Sans', sans-serif;
  
  /* Spacing / Utils */
  --t: 0.2s ease;
  --max: 1200px;
}