/* ==========================================================================
   Stralevo Stylesheet
   - Organized sections: BASE / LAYOUT / COMPONENTS / PAGES
   - Keep this file as the production bundle.
   ========================================================================== */

/* ==========================================================================
   BASE
   - Design tokens (CSS variables)
   - Resets
   - Typography + global elements
   ========================================================================== */

:root {
  --white: #FFFFFF;
  --ivory: #FAF9F7;
  --cream: #F5F3EF;
  --sand: #E8E4DC;
  --warm-gray: #D4CFC5;
  --charcoal: #2C2C2C;
  --graphite: #4A4A4A;
  --stone: #6B6B6B;
  --silver: #8A8A8A;
  --gold: #B8956E;
  --gold-dark: #96764D;
  --gold-light: #D4B896;
  --success: #5C8A6B;
  --success-light: #E8F2EB;
  --danger: #9B2C2C;
  --danger-light: #FEE2E2;
  --section-padding: clamp(5rem, 12vw, 9rem);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "IBM Plex Sans", -apple-system, sans-serif;
  background: var(--ivory);
  color: var(--charcoal);
  line-height: 1.7;
  overflow-x: hidden;
  font-weight: 400;
  font-size: 17px;
}

h1, h2, h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}

i[class^="ph-"] {
  font-size: 1.5rem;
  font-weight: 100;
}