/* Eparchy — deep jade, warm ivory, cinnabar clay, candle-light gold. */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* Surfaces */
  --color-bg:             #fbf8f1;
  --color-bg-deep:        #123f3b;
  --color-bg-deeper:      #0b2624;
  --color-surface:        #ffffff;
  --color-surface-sunken: #f2ece0;
  --color-border:         #e3dbcb;

  /* Brand */
  --color-jade:           #176b62;
  --color-jade-deep:      #123f3b;
  --color-jade-light:     #6fbfae;
  --color-clay:           #a74732;
  --color-gold:           #efb85c;
  --color-gold-deep:      #96701f;

  /* Text */
  --color-text:           #1b201f;
  --color-text-secondary: #4b5551;
  --color-text-muted:     #7a827d;
  --color-text-invert:    #f5f0e6;

  /* Typography */
  --font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-ui:      'Inter', system-ui, -apple-system, sans-serif;

  /* Type scale */
  --text-hero:       clamp(2.25rem, 5.5vw, 3.75rem);
  --text-display-lg: clamp(1.75rem, 3.5vw, 2.5rem);
  --text-display-md: 1.375rem;
  --text-body-lg:    1.125rem;
  --text-body-md:    1rem;
  --text-label:      0.75rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;

  /* Shape */
  --radius:    14px;
  --radius-lg: 22px;
  --shadow:    0 1px 2px rgba(18, 63, 59, 0.05), 0 8px 24px rgba(18, 63, 59, 0.08);
  --shadow-lg: 0 2px 4px rgba(18, 63, 59, 0.06), 0 20px 50px rgba(18, 63, 59, 0.14);
  --maxw:      1080px;
}