/*
Theme Name: Valaora Child
Description: Hello Elementor child — Valaora pixel-perfect rebuild. Single token source: design-package/specs/design-tokens.md. Do not add visual values here that differ from the spec.
Template: hello-elementor
Version: 1.0.1
Text Domain: valaora-child
*/

:root{
  /* ---- 1.1 Core palette ---- */
  --v-paper:#F3ECDD; --v-paper-warm:#F7F3EA; --v-paper-mid:#F3F0EA; --v-paper-shadow:#ECE6D8;
  --v-surface-card:#F8F2E4; --v-surface-modal:#F6F0E2; --v-surface-summary:#EEE6D3; --v-surface-input:#FBF6EA;
  --v-ink:#1D1D1B; --v-ink-headline:#19170F; --v-ink-modal:#1C2118;
  --v-green-black:#0C140D; --v-deep-green:#10180F; --v-olive:#1F2E1F; --v-sea-green:#3A5A3C;
  --v-terracotta:#BD6A1F; --v-terracotta-hover:#A65A16; --v-gold:#E8C9A0; --v-off-white:#FBF6EC;
  --v-eyebrow-dark:#E7DEC9; --v-headline-cream:#F7F1E4; --v-heading-on-dark:#F6F1E4;
  --v-error:#9a3412; --v-flight-cream:#F4EEE0; --v-creature-cream:#EFE7D5; /* baked cream SVG fill — keep, not --v-paper */

  /* ---- 1.2 Opacity ramps ---- */
  --v-ink-72:rgba(29,29,27,.72); --v-ink-66:rgba(29,29,27,.66); --v-ink-62:rgba(29,29,27,.62);
  --v-ink-60:rgba(29,29,27,.6);  --v-ink-55:rgba(29,29,27,.55); --v-ink-50:rgba(29,29,27,.5);
  --v-ink-45:rgba(29,29,27,.45); --v-ink-42:rgba(29,29,27,.42); --v-ink-30:rgba(29,29,27,.3);
  --v-ink-18:rgba(29,29,27,.18); --v-ink-16:rgba(29,29,27,.16); --v-ink-14:rgba(29,29,27,.14);
  --v-ink-10:rgba(29,29,27,.1);
  --v-cream-86:rgba(243,236,221,.86); --v-cream-82:rgba(243,236,221,.82); --v-cream-78:rgba(243,236,221,.78);
  --v-cream-72:rgba(243,236,221,.72); --v-cream-70:rgba(243,236,221,.7);  --v-cream-60:rgba(243,236,221,.6);
  --v-cream-50:rgba(243,236,221,.5);  --v-cream-45:rgba(243,236,221,.45); --v-cream-14:rgba(243,236,221,.14);
  --v-modal-60:rgba(28,33,24,.6); --v-modal-55:rgba(28,33,24,.55); --v-modal-50:rgba(28,33,24,.5);
  --v-modal-30:rgba(28,33,24,.3); --v-modal-28:rgba(28,33,24,.28); --v-modal-25:rgba(28,33,24,.25);
  --v-modal-16:rgba(28,33,24,.16); --v-modal-14:rgba(28,33,24,.14);
  --v-eyebrow-video-scrolled:rgba(231,222,201,.92);
  --v-cta-shadow-tint:rgba(189,106,31,.3); --v-ihost-underline:rgba(189,106,31,.4);

  /* ---- 2.1 Type families ---- */
  --v-font-display:'Playfair Display',serif;
  --v-font-accent:'Cormorant Garamond',serif;   /* always italic in use */
  --v-font-ui:'Manrope',sans-serif;

  /* ---- 4 Radii ---- */
  --v-radius-pill:999px; --v-radius-card-sm:4px; --v-radius-card-md:6px; --v-radius-card-lg:8px;
  --v-radius-modal:12px; --v-radius-sheet:18px 18px 0 0;

  /* ---- 6 Shadows ---- */
  --v-shadow-dish:0 30px 60px rgba(40,30,12,.2);        --v-shadow-dish-m:0 22px 44px rgba(40,30,12,.2);
  --v-shadow-card:0 24px 50px rgba(40,30,12,.16);       --v-shadow-card-m:0 20px 42px rgba(40,30,12,.16);
  --v-shadow-band:0 30px 60px rgba(40,30,12,.18);       --v-shadow-band-m:0 22px 44px rgba(40,30,12,.18);
  --v-shadow-map:0 26px 56px rgba(40,30,12,.18);        --v-shadow-cta:0 10px 26px rgba(189,106,31,.3);
  --v-shadow-cta-lg:0 12px 30px rgba(189,106,31,.3);    --v-shadow-modal:0 40px 90px rgba(0,0,0,.45);
  --v-shadow-sheet:0 -20px 60px rgba(0,0,0,.4);
  --v-textshadow-hero:0 2px 34px rgba(8,12,7,.55);      --v-textshadow-hero-m:0 2px 28px rgba(8,12,7,.55);

  /* ---- 7 Motion ---- */
  --v-ease-reveal:cubic-bezier(.16,1,.3,1);             /* expo-out; NO bouncing, ever */

  /* ---- 3.1 Containers ---- */
  --v-max:1200px; --v-max-menu:1080px; --v-gutter:40px; --v-gutter-m:24px;

  /* ---- 9 Z-layers ---- */
  --v-z-header:80; --v-z-nav:120; --v-z-modal:200;
}