/* Kentmanni 20A-23: fondid ja tokenid. Kõik värvid tulevad siit, komponentides hex-koode ei ole. */

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-Light-Exfontddbf.otf") format("opentype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-Medium-Exfont1bcb.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-Thin-Exfont7110.otf") format("opentype");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-SemiBold-Exfontabde.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-Bold-Exfont7669.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Grimora Neue";
  src: url("../font_new/GrimoraNeue-Black-Exfont9878.otf") format("opentype");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Kota Sans";
  src: url("../font_new/KotaSans-Light-Exfont6e74.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Kota Sans";
  src: url("../font_new/KotaSans-Regular-Exfontab09.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Palett B: hall uks ja kirsipuu (lukus) */
  --ground: #F0EFEA;
  --surface: #DCDAD2;
  --ink: #1F2328;
  --soft: #5E605B;
  --accent: #964A1B;
  --on-accent: #F0EFEA;
  --on-ink-fill: #964A1B;
  --on-ink-text: #F0EFEA;
  --cta-hover: var(--ink);
  /* Juhtnuppude ja tekstilinkide hover-toon (Kalamaja järgi); KKK nupp kasutab sama */
  --hover: var(--accent);
  --faq-hover: var(--hover);

  --rule: color-mix(in srgb, var(--ink) 20%, transparent);

  --f-display: "Grimora Neue", sans-serif;
  --f-body: "Kota Sans", sans-serif;

  /* Grimora Neue kaalud: 100 Thin, 300 Light, 500 Medium,
     600 SemiBold, 700 Bold, 900 Black. Kohalikes failides 400/800 puuduvad.
     Muuda allolevaid rolle eraldi; body-font jääb Kota Sansiks. */
  --w-name: 300;       /* hero suur nimi */
  --w-h2: 300;         /* sektsioonide pealkirjad */
  --w-h3: 500;         /* alapealkirjad ja kaardi kohamärgis */
  --w-price: 300;      /* hind */
  --w-figure: 300;     /* hero all olevad numbrid */
  --w-button: 500;     /* CTA ja andmete avamise nupp */
  --w-menu: 300;       /* menüülingid */
  --w-menu-name: 500;  /* kontaktinimi menüüs ja päringuaknas */

  --t-name: clamp(3rem, min(10.6vw, 20svh), 10.6rem);
  --t-h2: clamp(2.5rem, 4.6vw, 5rem);
  --t-h3: clamp(1.375rem, 1.7vw, 1.75rem);
  --t-lead: clamp(1.25rem, 1.6vw, 1.625rem);
  --t-body: clamp(1rem, .25vw + .95rem, 1.125rem);
  --t-price: clamp(2.25rem, 3.6vw, 3.75rem);
  --t-figure: clamp(2.75rem, 4.4vw, 4.5rem);
  --t-button: clamp(1.0625rem, 1.2vw, 1.25rem);
  --t-note: .875rem;
  /* Menüü on üks tulp: 6 linki (6 × 1.16 ≈ 7 rida) + joon + kontakt ja nupp (~9rem) + 3 × --line-gap mahuvad päise vahede vahele. */
  --t-menu: clamp(1.75rem, min(max(4.6vw, 2.5rem), (100svh - 2 * (var(--bar-top) + var(--bar-h)) - 3 * var(--line-gap) - 9rem) / 7), 7rem);
  --t-menu-name: clamp(1.125rem, 3svh, 1.75rem);

  --edge: clamp(1rem, 4.5vw, 5rem);
  --content-max: 90rem;
  --pad-x: max(var(--edge), calc((100% - var(--content-max)) / 2));

  --bar-top: clamp(1rem, 2vw, 1.8rem);
  --bar-h: clamp(40px, 3.4vw, 56px);
  --bar-gap: clamp(2.5rem, 7vh, 9rem);

  /* Veergude vahe sektsioonides; --gap on väike püst- ja komponendisisene vahe (endine --gutter väärtus). */
  --gutter: clamp(1rem, 3.34vw, 3rem);
  --gap: clamp(1rem, 2vw, 2rem);
  /* Lagi 11rem: vahe peatub koos pealkirjaga (--t-h2 lagi ~1740 px), sisu peatub 90rem juures. 24rem jättis 2560 juures tooni vahetusel 509 px tühja. */
  --sec: clamp(4.5rem, 6vw + 7vh, 11rem);
  /* Pealkiri → plokk (foto, plaan, tabel, galerii) = --head-gap; pealkiri → oma lõik = --title-lead (üks tekstiüksus). */
  --head-gap: clamp(2.4rem, 2.5vw + 2.5vh, 5rem);
  --title-lead: clamp(1rem, 1.5vw, 1.5rem);
  --line-gap: clamp(1.5rem, 3vw, 2.75rem);
}

/* AJUTINE: palett C lüliti taga, kuni kasutaja otsustab. Eemaldada koos assets/palette-switch.js-iga. */
html[data-palette="c"] {
  --ground: #F4F2EE;
  --surface: #E7E4DE;
  --ink: #1C1B1A;
  --soft: #66635E;
  --accent: #1C1B1A;
  --on-accent: #F4F2EE;
  --on-ink-fill: #F4F2EE;
  --on-ink-text: #1C1B1A;
  --cta-hover: var(--soft);
  --hover: var(--soft);
}