/* Vila OK Costinești — Design variant v3 "Vesel de vacanță"
   Token contract consumed by index.html. Task 6 copies this file
   verbatim into the theme if this variant wins — every color,
   spacing and shape decision in index.html flows through these vars. */

:root {
  /* --- Contract tokens ------------------------------------------------ */
  --color-primary: #0B7C75;       /* deep vivid turquoise — buttons, links, brand */
  --color-accent: #C93A1C;        /* vivid coral-red — CTAs, chips, highlights */
  --color-bg: #FFF8F0;            /* warm sandy off-white page background */
  --color-surface: #FFFFFF;       /* card / panel surfaces */
  --color-text: #113B3A;          /* deep teal-charcoal body text */
  --color-text-muted: #45615F;    /* muted teal-grey secondary text */
  --font-display: 'Baloo 2', 'Segoe UI Rounded', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius: 20px;
  --shadow: 0 20px 45px -22px rgba(17, 59, 58, 0.45);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* --- Extended palette (derived, not part of the contract) ----------- */
  --color-primary-dark: #085F59;
  --color-primary-light: #4FC7BE;
  --color-primary-wash: #E4F4F2;
  --color-accent-dark: #A32E15;
  --color-accent-light: #FF9270;
  --color-accent-wash: #FCE6DE;
  --color-sun: #FFC23C;
  --color-sun-wash: #FFF2D6;
  --radius-sm: 12px;
  --radius-lg: 32px;
  --radius-pill: 999px;
}