/* PixelDigital — písma a tokeny identity v1.0. Jediné miesto, kde sú definované hodnoty. */

@font-face{
  font-family:'Archivo';
  src:url('../fonts/archivo-var.woff2') format('woff2');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'JetBrains Mono';
  src:url('../fonts/jetbrainsmono-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

/* Náhradný font zladený metrikami — bráni posunu rozloženia pri swape. */
@font-face{
  font-family:'Archivo Fallback';
  src:local('Arial');
  size-adjust:97%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%;
}

:root{
  /* Farba */
  --pd-base:#0A0C10;          /* pozadie stránky */
  --pd-surface:#12151C;       /* plocha kariet a sekcií */
  --pd-hairline:#232833;      /* linky a rámy — NIKDY text, NIKDY ikona */
  --pd-ink:#F2F5F8;           /* primárny text */
  --pd-ink-muted:#9AA4B2;     /* sekundárny text */
  --pd-ink-faint:#5B6472;     /* terciárny text, iba dekoratívne popisky */
  --pd-magenta:#FF2E88;       /* značka, akcent, primárne tlačidlo */
  --pd-magenta-text:#FF4D97;  /* akcentový text na ploche kariet, :hover */
  --pd-signal:#4FD1C5;        /* stavy, grafy, [ ok ] — NIKDY nie značka */
  --pd-magenta-print:#C2145F; /* magenta pre tlač */
  --pd-paper:#F5F7F9;         /* svetlý podklad pre tlač */

  /* Písmo */
  --pd-sans:'Archivo','Archivo Fallback',Helvetica,Arial,sans-serif;
  --pd-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Rytmus — základná jednotka 4 px */
  --pd-space-1:4px;   --pd-space-2:8px;   --pd-space-3:12px;  --pd-space-4:16px;
  --pd-space-6:24px;  --pd-space-8:32px;  --pd-space-12:48px; --pd-space-18:72px;
  --pd-space-28:112px;

  /* Tvar */
  --pd-radius:4px;            /* karty, tlačidlá */
  --pd-radius-sm:3px;         /* tagy */
  --pd-border:1px solid var(--pd-hairline);
  --pd-container:1120px;
  --pd-gutter:24px;
  --pd-measure:68ch;          /* šírka textového stĺpca, nikdy nad 80ch */

  /* Pohyb */
  --pd-motion:120ms ease-out;
}

/* Škála písma — jediné miesto, kde sú definované veľkosti */
:root{
  --pd-fs-h1:clamp(3.25rem, 2rem + 6.25vw, 6rem);
  --pd-fs-h2:clamp(2.25rem, 1.75rem + 1.6vw, 2.75rem);
  --pd-fs-h3:1.5rem;
  --pd-fs-h4:1.1875rem;
  --pd-fs-body:1.0625rem;
  --pd-fs-small:0.875rem;
  --pd-fs-mono:0.8125rem;
  --pd-fs-number:clamp(3rem, 2rem + 3vw, 4.5rem);

  --pd-lh-tight:1.02;
  --pd-lh-heading:1.10;
  --pd-lh-body:1.60;

  --pd-ls-h1:-0.035em;
  --pd-ls-h2:-0.03em;
  --pd-ls-h3:-0.02em;
  --pd-ls-mono:0.06em;
}