/* ==========================================================================
   Nuvasah Interiors — Design Tokens
   Style: Warm editorial (Version 1 layout, approved) — minimalist, mid-century,
   Scandinavian, refined against Decorilla.com's font pairing/structure.
   Palette: Deep Teal & Warm Sand (Option C, client-approved after prospect feedback)
   ========================================================================== */

:root {
  /* Color — warm sand base, gold primary accent (logo-matched), lighter gold secondary accent */
  --color-bg: #F4EFE4;          /* warm sand background */
  --color-bg-alt: #EBE3D2;      /* slightly deeper section background */
  --color-surface: #FFFFFF;     /* cards, forms */
  --color-ink: #26221D;         /* near-black warm charcoal, primary text */
  --color-ink-muted: #6B6258;   /* secondary text, captions */
  --color-accent: #8A6423;      /* deep gold — primary accent (AA 4.66:1 as text on --color-bg), logo-matched */
  --color-accent-hover: #6E4F1C;
  --color-accent-2: #D8BD88;    /* soft gold — secondary accent, CTA background */
  --color-accent-2-hover: #C8A874;
  --color-line: #E3D8C4;        /* borders, dividers */
  --color-success: #5C7A5E;     /* form confirmation, muted sage */
  --color-error: #B54B3E;

  /* Typography — thin high-contrast serif for headlines (Decorilla-style), clean sans body */
  --font-heading: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;

  --fs-h1: clamp(2.5rem, 5vw, 4rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  --lh-heading: 1.15;
  --lh-body: 1.6;

  /* Spacing scale (8px base) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;

  /* Layout */
  --max-width: 1200px;
  --radius: 2px;      /* sharp corners for cards/inputs, minimalist */
  --radius-pill: 999px; /* pill buttons, Decorilla-style CTA */

  --color-champagne: #E9DAB9;   /* pale gold for large text on dark photos */
  --color-deep: #1C1915;        /* smoked-glass header, footer, dark bands */
  --color-on-dark: #FAF7F2;     /* text over photos and dark glass */
  --color-on-dark-muted: rgba(250, 247, 242, 0.78);

  /* Glass — frosted panels. Light glass sits on sand, dark glass on photos. */
  --glass-light: rgba(255, 255, 255, 0.45);
  --glass-light-border: rgba(255, 255, 255, 0.75);
  --glass-dark: rgba(28, 25, 21, 0.52);
  --glass-dark-border: rgba(250, 247, 242, 0.16);
  --glass-blur: blur(18px) saturate(140%);
  --shadow-soft: 0 10px 40px -12px rgba(38, 34, 29, 0.22);
  --shadow-lift: 0 22px 50px -18px rgba(38, 34, 29, 0.34);
  --radius-lg: 18px;  /* glass panels and photos */

  /* Motion — slow and calm: text drifts up into place as it appears. */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --reveal-duration: 790ms;
  --ease-reveal: cubic-bezier(0.3, 0.7, 0.3, 1); /* even glide, no quick snap at the start */
  --header-height: 76px;
}