/* far360 — dizájn-tokenek (lásd DESIGN.md).
   Szabály: a négy formaszín (coral, mustard, mint, sky) fölött MINDIG sötét szöveg áll.
   Fehér szöveg csak --f-primary és --f-dark alapon. Árnyék, színátmenet, üveghatás nincs. */

:root {
  color-scheme: light dark;

  /* Felületek */
  --f-ground: #f3f0e8;
  --f-card: #ffffff;
  --f-field: #f3f0e8;
  --f-dark: #101010;
  /* A hero háttere a 2026-09-20-i megrendelői pontosítás szerint
     „nagyon világos, enyhén hideg törtfehér” — a DESIGN.md meleg --f-ground-jának hűvös párja. */
  --f-hero: #f4f5f3;

  /* Szöveg */
  --f-ink: #101010;
  --f-ink-soft: #2b2b2b;
  --f-on-dark: #dad7cf;
  --f-on-dark-strong: #ffffff;
  --f-on-primary: #ffffff;
  --f-on-shape: #101010;

  /* Akcentusok */
  --f-primary: #3a2bd6;
  --f-primary-hover: #2a1fa8;
  --f-coral: #f26b5b;
  --f-mustard: #f2c14e;
  --f-mint: #7cc6a4;
  --f-sky: #a9c9f5;

  /* Vonalak */
  --f-line: rgba(16, 16, 16, 0.16);
  --f-line-strong: rgba(16, 16, 16, 0.85);
  --f-line-on-dark: rgba(218, 215, 207, 0.28);

  /* Lekerekítés */
  --r-tile: 26px;
  --r-card: 22px;
  --r-section: 40px;
  --r-pill: 999px;
  --r-chip: 5px;

  /* Ritmus */
  --gutter: clamp(16px, 4vw, 60px);
  --page: 1320px;
  --block: clamp(56px, 8vw, 96px);
  --gap: clamp(16px, 1.6vw, 24px);

  /* Tipográfia */
  --font-sans: "Archivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --t-h1: clamp(2.375rem, 6vw, 5.25rem);
  --t-h2: clamp(1.875rem, 4.4vw, 3.75rem);
  --t-h3: clamp(1.375rem, 2.2vw, 2.125rem);
  --t-lead: clamp(1.0625rem, 1.5vw, 1.3125rem);
  --t-body: 1rem;
  --t-mono: 0.75rem;

  /* Mozgás */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur: 180ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --f-ground: #12110e;
    --f-card: #1c1b17;
    --f-field: #100f0c;
    --f-dark: #0a0a08;
    --f-hero: #14151a;

    --f-ink: #f3f0e8;
    --f-ink-soft: #b6b2a7;
    --f-on-dark: #cfccc3;

    --f-primary: #6e5cf0;
    --f-primary-hover: #8878f5;

    /* Tompított formaszínek: a karakter marad, a sötét szöveg kontrasztja megmarad. */
    --f-coral: #d55b4c;
    --f-mustard: #d9a93c;
    --f-mint: #5fa888;
    --f-sky: #8fb2e0;

    --f-line: rgba(243, 240, 232, 0.2);
    --f-line-strong: rgba(243, 240, 232, 0.78);
  }
}