/* ==========================================================================
   The STAY Project — Brand variables (Section 2 of the build brief)
   Every color used on the site lives here. Edit once, changes everywhere.
   ========================================================================== */

:root {
  /* Greens */
  --green-light: #a9e1a9;
  --green-medium: #8ebc8e;
  --green-dark: #30857b;

  /* Green-Blue */
  --teal-light: #b4dddc;
  --teal-medium: #7cc0bf;
  --teal-dark: #469ead;

  /* Blues */
  --blue-light: #97ceef;
  --blue-medium: #5588a7;
  --blue-dark: #1D2F6F;

  /* Neutrals */
  --off-white: #f1f3f5;
  --black: #000000;
  --white: #ffffff;

  /* Text-safe shades — the same hues as --green-dark / --blue-medium, darkened
     just enough to pass WCAG AA (4.5:1) as small text on light backgrounds.
     Use these for links/captions; use the originals for fills, borders, icons. */
  --green-dark-text: #266a62;
  --blue-medium-text: #44708a;

  /* Functional (kept desaturated & secondary to the palette) */
  --error-red: #a94442;
  --amber-muted: #9a7b2d;
  --amber-bg: #fdf6e3;

  /* Typography */
  --font-body: 'Nunito', 'Nunito Sans', Arial, sans-serif;
  --font-heading: 'Hussar Bold', 'Nunito Sans', Arial, sans-serif;
  --font-display: 'Drukaatie Burti', 'Nunito', Arial, sans-serif;

  /* Rhythm */
  --section-pad: clamp(3rem, 7vw, 5.5rem);
  --content-width: 72rem;
  --narrow-width: 46rem;
  --radius: 14px;
  --radius-small: 8px;
  --shadow-soft: 0 6px 24px rgba(29, 47, 111, 0.10);
  --shadow-lift: 0 12px 32px rgba(29, 47, 111, 0.16);
  --focus-ring: 3px solid var(--green-dark);
}

/* --------------------------------------------------------------------------
   Custom display fonts — files not yet available.
   Drop the real .woff2/.ttf files in /fonts/ inside this theme and update
   these src paths once available. Until then the local() sources simply
   fail silently and the fallback stacks below take over.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Hussar Bold';
  src: local('Hussar Bold'), local('HussarBold');
  /* src: url('../../fonts/hussar-bold.woff2') format('woff2'); */
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Hussar Ekologiczy';
  src: local('Hussar Ekologiczy'), local('HussarEkologiczy');
  /* src: url('../../fonts/hussar-ekologiczy.woff2') format('woff2'); */
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Drukaatie Burti';
  src: local('Drukaatie Burti'), local('DrukaatieBurti');
  /* src: url('../../fonts/drukaatie-burti.woff2') format('woff2'); */
  font-weight: 400;
  font-display: swap;
}