/* ==========================================================================
   PETSON — disainižetoonid (design tokens)
   --------------------------------------------------------------------------
   KÕIK brändiväärtused elavad ainult siin failis. Kui lõplik logo ja
   brändiraamat valmib, piisab selle faili väärtuste asendamisest — ülejäänud
   stiilifailid viitavad üksnes muutujatele, mitte otsestele värvikoodidele.
   ========================================================================== */

:root {
  /* --- Brändivärvid -------------------------------------------------------
     Nimed on tähenduspõhised (semantic), et hilisem brändivahetus ei sunniks
     stiilifaile ümber kirjutama. */

  /* Peaaegu-must ilma sinaka külmuseta. Kannab identiteedi kaalu. */
  --brand-ink: #0D0F10;
  /* Maa ja püsivuse toon. Eristab Petsoni sinisest sektorist. */
  --brand-forest: #1B2F27;
  /* Aktsent: valatud metall, plaat uksel, medal. Premium, mitte kuld. */
  --brand-brass: #A98550;
  /* Tumedam messing — kasutada TEKSTIS, tagab kontrasti heledal taustal. */
  --brand-brass-ink: #8A6E40;
  /* Soe paberitoon. Puhas valge mõjuks odavamalt. */
  --brand-paper: #EDE9E1;
  /* Teisene tekst, jooned, tabelid. Roheka alatooniga. */
  --brand-stone: #6E736E;

  /* --- Tuletatud toonid (segud, ei ole uued brändivärvid) ----------------- */
  --brand-ink-soft: #16191A;      /* tumeda sektsiooni vaheldus */
  --brand-forest-deep: #12201B;   /* rohelise tume variant */
  --brand-paper-warm: #E3DED3;    /* paberi tume variant, kaardid */
  --brand-paper-bright: #F5F2EC;  /* paberi hele variant, sisendid */

  /* Signaalvärv "töös" täpile. Metsatoonist tõstetud heledus, et see oleks
     tumedal kaardil loetav, aga jääks palett ühte temperatuuri. */
  --signal-live: #6FA173;

  /* Hero paneeli pind: tumeroheline gradient metsatoonist tumedasse.
     Värvid on --brand-forest (27,47,39), --brand-forest-deep (18,32,27) ja
     --brand-ink (13,15,16) — rgba kujul, et gradient saaks läbipaistvust kasutada. */
  --gradient-panel: linear-gradient(
    158deg,
    rgba(38, 64, 52, 1) 0%,     /* metsatoonist heledam tint — annab gradiendile ülemise otsa */
    rgba(27, 47, 39, 1) 40%,    /* --brand-forest */
    rgba(19, 33, 28, 0.98) 72%, /* --brand-forest-deep lähedal */
    rgba(13, 17, 17, 0.96) 100% /* --brand-ink lähedal */
  );

  /* --- Pinnad ja tekst ---------------------------------------------------- */
  --surface-page: var(--brand-paper);
  --surface-raised: var(--brand-paper-bright);
  --surface-sunken: var(--brand-paper-warm);
  --surface-dark: var(--brand-ink);
  --surface-dark-alt: var(--brand-ink-soft);
  --surface-forest: var(--brand-forest);

  --text-primary: var(--brand-ink);
  --text-secondary: var(--brand-stone);
  --text-accent: var(--brand-brass-ink);
  --text-on-dark: var(--brand-paper);
  --text-on-dark-muted: rgba(237, 233, 225, 0.62);
  --text-accent-on-dark: var(--brand-brass);

  /* --- Jooned ------------------------------------------------------------- */
  --line-hairline: rgba(13, 15, 16, 0.14);
  --line-strong: rgba(13, 15, 16, 0.28);
  --line-on-dark: rgba(237, 233, 225, 0.16);
  --line-accent: var(--brand-brass);

  /* --- Tüpograafia --------------------------------------------------------
     Pealkirjad: Newsreader 300 / 400 / 300 italic
     Tekst: Archivo 400 / 500 / 600
     Andmed ja numbrid: IBM Plex Mono */
  --font-display: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;

  --weight-display-light: 300;
  --weight-display-regular: 400;
  --weight-body: 400;
  --weight-body-medium: 500;
  --weight-body-strong: 600;

  /* Astmeline suurusskaala — clamp() hoiab mobiili ja lauaarvuti ühes reas. */
  --size-display: clamp(2.75rem, 6.2vw, 5rem);
  --size-h1: clamp(2.25rem, 4.6vw, 3.5rem);
  --size-h2: clamp(1.75rem, 3.1vw, 2.5rem);
  --size-h3: clamp(1.3rem, 2vw, 1.6rem);
  --size-h4: 1.125rem;
  --size-body-lg: 1.0625rem;
  --size-body: 1rem;
  --size-small: 0.9375rem;
  --size-caption: 0.8125rem;
  --size-label: 0.75rem;

  --leading-tight: 1.08;
  --leading-heading: 1.18;
  --leading-body: 1.65;
  --leading-loose: 1.75;

  --tracking-label: 0.16em;   /* väiketähtedega sildid */
  --tracking-mono: 0.04em;
  --tracking-display: -0.015em;

  /* --- Ruum --------------------------------------------------------------- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6.5rem;
  --section-y: clamp(3.5rem, 7vw, 6.5rem);

  /* --- Mõõdud ------------------------------------------------------------- */
  --container-wide: 1240px;
  --container: 1120px;
  --container-narrow: 760px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --header-height: 76px;

  /* --- Nurgad, varjud, üleminekud ----------------------------------------
     Petson on dokumendilaadne bränd — nurgad on peaaegu teravad. */
  --radius-sm: 2px;
  --radius: 3px;
  --radius-lg: 4px;

  --shadow-sm: 0 1px 2px rgba(13, 15, 16, 0.06);
  --shadow-md: 0 12px 32px -18px rgba(13, 15, 16, 0.45);
  --shadow-lg: 0 28px 60px -30px rgba(13, 15, 16, 0.55);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration: 220ms;

  --focus-ring: 2px solid var(--brand-brass-ink);
  --focus-offset: 3px;
}

/* Vähendatud liikumise eelistus — austame kasutaja süsteemiseadet. */
@media (prefers-reduced-motion: reduce) {
  :root { --duration: 1ms; }
}