/* ==========================================================================
   Zen Terapias — tokens extraídos da logo (img/logo.jpeg)
   Dourado #C2A878 / #B4966C · Teal #2E7D74 / #548478
   Grafite #3C3C3C · Papel texturizado #F7F4EE
   ========================================================================== */

@property --shine-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@property --reveal {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

:root {
  /* --- Cores da marca em oklch (gradientes mais limpos, sem zona cinza) --- */
  --gold-050: oklch(97.5% 0.012 82);
  --gold-100: oklch(94% 0.028 82);
  --gold-200: oklch(89% 0.045 82);
  --gold-300: oklch(83% 0.058 80);
  --gold-400: oklch(77% 0.068 78);
  --gold-500: oklch(72.5% 0.072 77);   /* #C2A878 — dourado da logo */
  --gold-600: oklch(64% 0.070 75);
  --gold-700: oklch(54% 0.062 73);
  --gold-800: oklch(43% 0.050 72);

  --teal-050: oklch(97% 0.014 190);
  --teal-100: oklch(93% 0.030 189);
  --teal-200: oklch(86% 0.050 188);
  --teal-300: oklch(75% 0.070 187);
  --teal-400: oklch(64% 0.080 186);
  --teal-500: oklch(53.5% 0.075 186);  /* #2E7D74 — teal da logo */
  --teal-600: oklch(45% 0.065 186);
  --teal-700: oklch(36% 0.052 186);
  --teal-800: oklch(27% 0.040 186);

  --ink-900: oklch(17% 0.008 200);
  --ink-800: oklch(22% 0.010 200);
  --ink-700: oklch(29% 0.010 200);
  --ink-600: oklch(38% 0.008 200);
  --ink-500: oklch(50% 0.006 200);
  --ink-400: oklch(62% 0.005 200);
  --ink-300: oklch(75% 0.004 200);

  --cream: oklch(97.6% 0.008 84);
  --cream-deep: oklch(94.5% 0.014 84);
  --paper: oklch(99.2% 0.003 84);

  /* --- Papéis semânticos --- */
  --bg: var(--cream);
  --bg-elevated: var(--paper);
  --bg-sunken: var(--cream-deep);
  --surface-dark: var(--ink-900);
  --text: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-on-dark: oklch(93% 0.008 84);
  --text-on-dark-muted: oklch(78% 0.010 84);
  --brand: var(--gold-500);
  --brand-strong: var(--gold-700);
  --accent: var(--teal-500);
  --accent-strong: var(--teal-700);
  --line: color-mix(in oklab, var(--gold-500) 26%, transparent);
  --line-strong: color-mix(in oklab, var(--gold-600) 45%, transparent);
  --line-dark: color-mix(in oklab, var(--gold-300) 20%, transparent);

  /* --- Tipografia --- */
  --font-display: "EB Garamond", "Times New Roman", serif;
  --font-body: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;

  --step--2: clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
  --step--1: clamp(0.84rem, 0.81rem + 0.15vw, 0.94rem);
  --step-0: clamp(1rem, 0.96rem + 0.20vw, 1.09rem);
  --step-1: clamp(1.20rem, 1.12rem + 0.38vw, 1.42rem);
  --step-2: clamp(1.45rem, 1.30rem + 0.70vw, 1.90rem);
  --step-3: clamp(1.80rem, 1.52rem + 1.30vw, 2.65rem);
  --step-4: clamp(2.20rem, 1.70rem + 2.40vw, 3.70rem);
  --step-5: clamp(2.70rem, 1.80rem + 4.20vw, 5.20rem);

  --tracking-wide: 0.14em;
  --tracking-wider: 0.24em;

  /* --- Espaçamento e formas --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7.5rem;

  --section-pad: clamp(3.75rem, 2.5rem + 6vw, 8rem);
  --gutter: clamp(1.15rem, 0.6rem + 2.4vw, 2.75rem);
  --content: 76rem;
  --content-wide: 88rem;
  --content-narrow: 46rem;

  --radius-xs: 0.375rem;
  --radius-s: 0.625rem;
  --radius-m: 1rem;
  --radius-l: 1.625rem;
  --radius-xl: 2.5rem;
  --radius-pill: 999px;
  --radius-organic: 62% 38% 55% 45% / 45% 52% 48% 55%;

  /* --- Sombras (tom quente, nunca cinza puro) --- */
  --shadow-xs: 0 1px 2px oklch(30% 0.02 80 / 0.06);
  --shadow-s: 0 2px 10px -2px oklch(30% 0.02 80 / 0.10);
  --shadow-m: 0 12px 30px -12px oklch(30% 0.02 80 / 0.20);
  --shadow-l: 0 28px 60px -22px oklch(28% 0.02 80 / 0.28);
  --shadow-xl: 0 44px 90px -30px oklch(26% 0.02 80 / 0.34);
  --shadow-gold: 0 18px 44px -18px color-mix(in oklab, var(--gold-600) 55%, transparent);

  /* --- Movimento --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 640ms;

  --header-h: 5.25rem;

  /* --- Gradientes reutilizados --- */
  --grad-gold: linear-gradient(112deg, var(--gold-400), var(--gold-600) 55%, var(--gold-300));
  --grad-teal: linear-gradient(112deg, var(--teal-400), var(--teal-600));
  --grad-brand: linear-gradient(118deg, var(--gold-500) 0%, var(--gold-600) 40%, var(--teal-500) 100%);
  --grad-dark: linear-gradient(165deg, var(--ink-900), oklch(21% 0.020 190) 60%, var(--ink-900));
  --grad-veil: linear-gradient(to top, oklch(15% 0.01 200 / 0.88), oklch(15% 0.01 200 / 0.15) 55%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
  }
}