:root {
  /* Atamer brand palette */
  --atamer-espresso: #311B14;
  --atamer-wood: #4B3625;
  --atamer-warm: #D7CBBE;
  --atamer-cream: #F8F4ED;
  --atamer-white: #FFFFFF;
  --atamer-black: #000000;

  /* Semantic aliases */
  --ink: var(--atamer-espresso);
  --navy: var(--atamer-wood);
  --deep-green: var(--atamer-espresso);
  --infra-green: var(--atamer-wood);
  --signal-orange: var(--atamer-warm);
  --whatsapp-green: #25D366;
  --whatsapp-green-hover: #1fb855;
  --sand: var(--atamer-cream);
  --mist: color-mix(in srgb, var(--atamer-warm) 22%, var(--atamer-cream));
  --white: var(--atamer-white);

  --surface-raised: var(--white);
  --surface-inset: color-mix(in srgb, var(--atamer-warm) 18%, var(--white));

  --text-secondary: color-mix(in srgb, var(--atamer-wood) 75%, var(--atamer-espresso));
  --text-muted: color-mix(in srgb, var(--atamer-wood) 48%, transparent);
  --line: rgba(49, 27, 20, 0.12);
  --line-strong: rgba(49, 27, 20, 0.2);

  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-image: clamp(1.125rem, 1.6vw, 1.75rem);

  --font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 600;
  --font-weight-light: 300;

  --container: 82.5rem;
  --section-text: 38rem;

  --header-h: 4rem;
  --scroll-offset: calc(var(--header-h) + 1rem);
  --sticky-actions-h: 4.75rem;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 1.75rem;
  --space-xl: 2.5rem;
  --space-2xl: 3.5rem;
  --space-3xl: 5rem;

  --section-pad-mobile: clamp(4rem, 12vw, 6rem);
  --section-pad-desktop: clamp(6.25rem, 10vw, 10rem);

  --space-heading-sub: clamp(1.5rem, 2.5vw, 2.25rem);
  --space-sub-cta: clamp(2rem, 3.5vw, 3rem);
  --space-title-content: clamp(3rem, 5vw, 5.5rem);

  --transition: 320ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 560ms cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-soft: none;
  --shadow-hover: none;

  --scrollbar-size: 8px;
  --scrollbar-track: color-mix(in srgb, var(--atamer-cream) 55%, var(--atamer-warm));
  --scrollbar-thumb: var(--atamer-wood);
  --scrollbar-thumb-hover: var(--atamer-espresso);
}

@media (max-width: 767px) {
  :root {
    --header-h: 3.75rem;
    --scroll-offset: calc(var(--header-h) + 0.75rem);
    --section-pad-mobile: clamp(2.75rem, 8vw, 4rem);
    --space-title-content: clamp(2rem, 4vw, 3.5rem);
    --space-heading-sub: clamp(1rem, 2vw, 1.5rem);
    --space-sub-cta: clamp(1.25rem, 2.5vw, 2rem);
  }
}

@media (min-width: 768px) {
  :root {
    --header-h: 5.25rem;
  }
}