/* MB „Arvaidas“ — dizaino token'ai.
   Kryptis: „Įrodymai, ne pažadai“. Popierius ir rašalas su vienu funkciniu signalu.
   Spalvą neša realūs projektų ekranai, ne svetainės chroma. */

:root {
  color-scheme: light;

  /* —— Spalvos: šviesi tema —— */
  --paper: #f3f2ee;
  --paper-2: #fcfcfa;
  --paper-3: #e9e7e1;

  --ink: #16181d;
  --ink-2: rgb(22 24 29 / 70%);
  --ink-3: rgb(22 24 29 / 48%);
  --ink-4: rgb(22 24 29 / 30%);

  --rule: rgb(22 24 29 / 14%);
  --rule-2: rgb(22 24 29 / 26%);

  --signal: #1b44d8;
  --signal-deep: #132f9c;
  --signal-tint: #e4e9fb;
  --on-signal: #ffffff;

  --danger: #9e2219;
  --danger-tint: #fbeae8;

  /* —— Tipografija —— */
  --font-sans: 'Commissioner', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: clamp(1.125rem, 1.6vw, 1.35rem);
  --text-xl: clamp(1.35rem, 2.2vw, 1.75rem);
  --text-2xl: clamp(1.65rem, 3vw, 2.15rem);
  --text-3xl: clamp(2rem, 4.4vw, 3.35rem);
  --text-4xl: clamp(2.6rem, 8vw, 6.25rem);

  --leading-tight: 1.06;
  --leading-display: 0.98;
  --leading-body: 1.62;
  --leading-snug: 1.35;

  --tracking-display: -0.035em;
  --tracking-title: -0.025em;
  --tracking-tight: -0.015em;
  --tracking-label: 0.02em;

  --measure: 62ch;
  --measure-narrow: 46ch;
  --measure-wide: 68ch;

  /* —— Erdvė —— */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --pad-x: clamp(1.25rem, 5vw, 3.5rem);
  --section-y: clamp(4.5rem, 11vw, 8.5rem);

  --w-text: 46rem;
  --w-content: 72rem;
  --w-wide: 82rem;

  /* —— Geometrija —— */
  --radius: 3px;
  --radius-lg: 5px;
  --shadow-lift: 0 18px 48px rgb(22 24 29 / 14%);
  --shadow-modal: 0 24px 64px rgb(22 24 29 / 22%);

  /* —— Judėsena —— */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 0.14s;
  --duration: 0.22s;
  --duration-slow: 0.6s;

  /* —— Sluoksniai —— */
  --z-header: 50;
  --z-backtop: 60;
  --z-cookie: 70;
  --z-modal: 80;
  --z-toast: 90;
}

html[data-theme='dark'] {
  color-scheme: dark;

  --paper: #0f1114;
  --paper-2: #161a1f;
  --paper-3: #1d222a;

  --ink: #edeeef;
  --ink-2: rgb(237 238 239 / 70%);
  --ink-3: rgb(237 238 239 / 48%);
  --ink-4: rgb(237 238 239 / 30%);

  --rule: rgb(237 238 239 / 15%);
  --rule-2: rgb(237 238 239 / 28%);

  --signal: #8aa4ff;
  --signal-deep: #a9bcff;
  --signal-tint: rgb(138 164 255 / 16%);
  --on-signal: #0f1114;

  --danger: #e28079;
  --danger-tint: rgb(226 128 121 / 14%);

  --shadow-lift: 0 18px 48px rgb(0 0 0 / 42%);
  --shadow-modal: 0 24px 64px rgb(0 0 0 / 56%);
}