/* ============================================================
   Cristina Lopes — Design Tokens (primitive → semantic → component)
   Cores extraídas do logótipo: verde-floresta, dourado-âmbar, creme
   ============================================================ */
:root {
  /* ---------- 1. PRIMITIVOS ---------- */
  --green-950: #08261d;
  --green-900: #0c3a2c;
  --green-800: #115040;   /* verde da faixa dos flyers */
  --green-700: #1a6249;   /* verde do tronco do logótipo */
  --green-600: #2b7a5c;
  --green-200: #cfe3d8;
  --green-100: #e6f0ea;

  --gold-700: #a8691a;
  --gold-600: #c47f21;
  --gold-500: #d9952e;    /* folhas do logótipo */
  --gold-300: #ecc07a;
  --gold-100: #f8e8c8;

  --cream-50:  #fbf8f3;
  --cream-100: #f4ede6;   /* fundo do logótipo */
  --cream-200: #eadfd2;

  --ink-900: #11281f;
  --ink-600: #455a50;
  --white: #ffffff;
  --wa: #1fa855;          /* WhatsApp (contraste AA com branco) */

  /* tipografia */
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-script: "Parisienne", cursive;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --step--1: clamp(.82rem, .8rem + .1vw, .9rem);
  --step-0: clamp(1rem, .96rem + .2vw, 1.1rem);
  --step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --step-3: clamp(2.1rem, 1.5rem + 3vw, 3.8rem);
  --step-4: clamp(2.6rem, 1.6rem + 5vw, 5.4rem);

  /* espaçamento (base 4) */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4.5rem; --sp-9: 7rem;

  --radius-sm: 10px; --radius-md: 18px; --radius-lg: 28px; --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgb(17 40 31 / .08);
  --shadow-md: 0 12px 32px rgb(17 40 31 / .14);
  --shadow-lg: 0 28px 70px rgb(8 38 29 / .28);

  /* ---------- 2. SEMÂNTICOS ---------- */
  --color-bg: var(--cream-50);
  --color-surface: var(--white);
  --color-surface-alt: var(--cream-100);
  --color-primary: var(--green-800);
  --color-primary-strong: var(--green-900);
  --color-accent: var(--gold-500);
  --color-accent-strong: var(--gold-700);
  --color-text: var(--ink-900);
  --color-text-muted: var(--ink-600);
  --color-on-primary: var(--cream-50);
  --color-border: rgb(17 80 64 / .16);
  --color-focus: var(--gold-600);

  /* ---------- 3. COMPONENTES ---------- */
  --btn-radius: var(--radius-pill);
  --btn-pad: .95rem 1.7rem;
  --btn-primary-bg: var(--color-primary);
  --btn-primary-bg-hover: var(--color-primary-strong);
  --btn-gold-bg: var(--color-accent);
  --btn-gold-fg: var(--green-950);
  --card-radius: var(--radius-lg);
  --card-bg: var(--color-surface);
  --chip-bg: var(--green-100);
  --chip-fg: var(--green-800);
  --header-h: 76px;
  --container: 1180px;
  --ease: cubic-bezier(.22, .8, .24, 1);
}