:root {
  --scale-minor-second: 1.067;
  --scale-major-second: 1.125;
  --scale-minor-third: 1.2;
  --scale-major-third: 1.25;
  --scale-perfect-fourth: 1.333;
  --scale-augmented-fourth: 1.414;
  --scale-perfect-fifth: 1.5;
  --scale-golden: 1.618;

  --border-radius: 0.4rem;
  --min-font-size: 16;
  --max-font-size: 18;
  --min-viewport: 320;
  --max-viewport: 1440;

  --min-scale: var(--scale-minor-second);
  --max-scale: var(--scale-major-third);

  --type-min-font-size: var(--min-font-size);
  --type-max-font-size: var(--max-font-size);
  --type-min-viewport: var(--min-viewport);
  --type-max-viewport: var(--max-viewport);
  --type-min-scale: var(--min-scale);
  --type-max-scale: var(--max-scale);

  --space: 1rem;
  --space-min-font-size: var(--min-font-size);
  --space-max-font-size: var(--max-font-size);
  --space-min-viewport: var(--min-viewport);
  --space-max-viewport: var(--max-viewport);

  --m-3xs: 0.25;
  --m-2xs: 0.5;
  --m-xs: 0.75;
  --m-s: 1;
  --m-m: 1.5;
  --m-l: 2;
  --m-xl: 3;
  --m-2xl: 4;
  --m-3xl: 5;

  /* filc.hu brand palette.
     Logo = dark blob + grass-green wordmark. Seed 1 is that green (drives --color-color-1).
     Seed 0 = deep blob ink-green. Seed 2 = warm cream accent. Seed 3 = alert red.
     In dark mode, green chroma is preserved (~0.95x) so it stays vivid against the blob. */
  --neutral-hue: 135;
  --neutral-chroma: 0.008;
  --dark-chroma-mul: 0.95;

  --seed-0-c: 0.03;
  --seed-0-h: 135;
  --seed-0-l: 16%;
  --seed-0-ld: 70%;
  --seed-1-c: 0.32;
  --seed-1-h: 128;
  --seed-1-l: 40%;
  --seed-1-ld: 4%;
  --seed-2-c: 0.09;
  --seed-2-h: 80;
  --seed-2-l: 44%;
  --seed-2-ld: 50%;
  --seed-3-c: 0.19;
  --seed-3-h: 28;
  --seed-3-l: 58%;
  --seed-3-ld: 2%;

  --tier-0: 0%;
  --tier-1: 7%;
  --tier-2: 14%;

  /* Light mode 1→10: ink→paper. Dark mode flips: n-10 becomes the near-black blob. */
  --n-1: 14%;
  --n-2: 22%;
  --n-3: 32%;
  --n-4: 44%;
  --n-5: 55%;
  --n-6: 66%;
  --n-7: 78%;
  --n-8: 88%;
  --n-9: 95%;
  --n-10: 98.5%;

  --content-max-width: 50rem;
  --content-wide-1-width: 2rem;
  --content-wide-2-width: 4rem;
}