/* =========================================================
   DESIGN TOKENS — zdroj: Figma "test" file, frame "GE HP" (153:20)
   Nešahej sem natvrdo hodnotami odjinud — vše, co je opakující
   se hodnota z designu, patří sem jako proměnná.
   ========================================================= */

:root {
  /* --- Barvy (Figma variables) --- */
  --color-dark: #002334;   /* "Dark" */
  --color-blue: #004D71;   /* "Blue" */
  --color-gold: #E1B77E;   /* "Gold" */
  --color-gold-70: rgba(225, 183, 126, 0.7); /* Gold @ 70% – search pill */
  --color-white: #FFFFFF;

  /* --- Doplňkové barvy nalezené přímo na vrstvách (nejsou ve Figma variables) --- */
  --color-text-muted: #636F82;  /* popisky u property card (Medium) */
  --color-text-price: #232B39;  /* cena u property card (Bold) */
  --color-cta-text: #032F44;    /* text v search pillu / CTA */
  --color-cream: #F7F3EA;       /* pozadí kontaktního formuláře — odhad ze screenshotu, není ve Figma variables */

  /* --- Typografie --- */
  --font-heading: 'PP Neue Montreal', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Headings */
  --fs-heading-xxl: 90px; --lh-heading-xxl: 100px; /* hero H1 */
  --fs-heading-xl:  60px; --lh-heading-xl:  68px;  /* CTA banner headings */
  --fs-heading-l:   50px; --lh-heading-l:   56px;
  --fs-heading-m:   30px; --lh-heading-m:   34px;

  /* Text */
  --fs-text-xl: 30px; --lh-text-xl: 40px;
  --fs-text-l:  24px; --lh-text-l:  34px;
  --fs-text-m:  20px; --lh-text-m:  30px;
  --fs-text-s:  16px; --lh-text-s:  26px;

  /* --- Layout --- */
  --container-width: 1512px;
  --container-padding: 30px;

  /* --- Breakpointy (odvozeno, Figma měla jen desktop) --- */
  --bp-desktop: 1200px;
  --bp-tablet: 768px;
}

/*
  DŮLEŽITÉ — FONT WEIGHTS:
  Design používá 3 řezy: Regular (400), Medium (500), Bold (700).
  Zatím máme k dispozici jen Regular soubory — klient (uživatel)
  dodá Medium/Bold později. Do té doby běží vše na Regular s
  font-weight nastaveným dle designu (prohlížeč nebude fake-boldovat,
  protože font-weight 500/700 bez odpovídajícího face spadne zpět
  na nejbližší dostupný — tj. Regular). Jakmile dorazí soubory,
  stačí odkomentovat @font-face bloky níže a nic dalšího se měnit nemusí.
*/
@font-face {
  font-family: 'PP Neue Montreal';
  src: url('../fonts/PPNeueMontreal-Regular.woff2') format('woff2'),
       url('../fonts/PPNeueMontreal-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/*
@font-face {
  font-family: 'PP Neue Montreal';
  src: url('../fonts/PPNeueMontreal-Medium.woff2') format('woff2'),
       url('../fonts/PPNeueMontreal-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Neue Montreal';
  src: url('../fonts/PPNeueMontreal-Bold.woff2') format('woff2'),
       url('../fonts/PPNeueMontreal-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/