/* ============================================================
   Vila OK Costinești — Design variant v4 "Seară la mare" (Evening glass)
   Token contract (consumed verbatim by index.html).
   Style: refined glassmorphism over photography + bento-grid layout —
   deep ink-teal dusk palette with warm amber-gold glass accents.
   Task 6 copies this file verbatim into the theme if this variant wins —
   every design decision in index.html flows through these custom properties.
   ============================================================ */

:root {
  /* --- Contract tokens ------------------------------------------------ */
  --color-primary: #123f3d;      /* deep ink-teal — headings, header brand, dark text on light glass */
  --color-accent: #cf9a4c;       /* warm amber-gold — CTAs, glass highlights, icon accents */
  --color-bg: #f4f1e9;           /* warm pearl / ivory — page canvas between photo sections */
  --color-surface: #ffffff;      /* plain card surface (reviews, form-like blocks) */
  --color-text: #16302e;         /* deep teal-charcoal ink — body copy on light bg */
  --color-text-muted: #5c706d;   /* muted sea-grey-green — secondary copy */

  /* Typography — distinctive display sans (warmth without serif cliché) + clean geometric body */
  --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;

  /* Shape & elevation — soft-refined, not sharp (v2) nor bubbly (v1/v3) */
  --radius: 16px;
  --shadow: 0 24px 55px -26px rgba(14, 42, 40, 0.4);

  /* Spacing scale (4/8pt rhythm) */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.5rem;    /* 24px */
  --space-6: 2rem;      /* 32px */
  --space-7: 3rem;      /* 48px */
  --space-8: 4rem;      /* 64px */
}