/* Hallmark · tokens · light and dark modes, neutral palette with one violet accent.
 * Bloc colours (amber, slate-cyan, green) are tuned per mode for contrast.
 */
:root{

  --font-display:'Suez One','Frank Ruhl Libre',Georgia,serif;
  --font-body:'IBM Plex Sans Hebrew','Segoe UI',Arial,sans-serif;
  --weight-display:400;

  --text-xs:0.8125rem;
  --text-sm:0.9375rem;
  --text-2xs:0.75rem;
  --text-md:clamp(1rem,0.95rem + 0.25vw,1.0625rem);
  --text-lg:1.25rem;
  --text-xl:1.625rem;
  --text-2xl:clamp(1.75rem,1.2rem + 2vw,2.5rem);
  --text-3xl:clamp(2.25rem,1.4rem + 3.4vw,3.75rem);
  --text-display:clamp(2.6rem,1.4rem + 5vw,5.25rem);
  --text-wordmark:clamp(2.5rem,1.6rem + 4vw,4.5rem);
  --text-year:clamp(3rem,2rem + 4vw,5.5rem);

  --space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;
  --space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;
  --space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;

  --page-max:1240px;
  --page-gutter:clamp(1rem,4vw,3rem);
  --measure:62ch;

  --rule-hair:1px;
  --rule-strong:2px;
  --radius-sm:2px;

  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in:cubic-bezier(0.7,0,0.84,0);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --dur-short:160ms;
  --dur-med:240ms;
}

/* Arabic and Russian editions: Suez One and Plex Hebrew have no Arabic or Cyrillic glyphs */
:root:lang(ar){--font-display:'Noto Kufi Arabic','IBM Plex Sans Arabic',Tahoma,sans-serif;--font-body:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;--weight-display:700}
:root:lang(ru){--font-display:'Bitter',Georgia,serif;--font-body:'IBM Plex Sans','Segoe UI',Arial,sans-serif;--weight-display:700}

/* Light mode (default): warm paper, near-black ink, one violet accent. */
:root,:root[data-theme="light"]{
  color-scheme:light;
  --color-paper:oklch(98.2% 0.004 85);
  --color-paper-2:oklch(95.4% 0.006 85);
  --color-paper-3:oklch(91.5% 0.008 85);
  --color-ink:oklch(21% 0.012 275);
  --color-ink-2:oklch(36% 0.012 275);
  --color-ink-3:oklch(47% 0.012 275);
  --color-rule:oklch(86% 0.008 85);
  --color-rule-strong:oklch(21% 0.012 275);
  --color-accent:oklch(46% 0.15 300);
  --color-accent-hover:oklch(38% 0.15 300);
  --color-accent-wash:oklch(94% 0.03 300);
  --color-accent-ink:oklch(98.5% 0.004 300);
  --color-wrong:oklch(47% 0.16 28);
  --color-wrong-wash:oklch(95% 0.03 28);
  --color-focus:oklch(46% 0.15 300);
  --color-highlight:oklch(46% 0.15 300);
  --color-on-highlight:oklch(98.5% 0.004 300);
  --bloc-a:oklch(54% 0.14 58);
  --bloc-b:oklch(50% 0.09 225);
  --bloc-c:oklch(52% 0.12 155);
  --bloc-other:oklch(80% 0.01 275);
}
/* Dark mode: near-black paper, soft white ink. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --color-paper:oklch(17.5% 0.01 275);
  --color-paper-2:oklch(21.5% 0.012 275);
  --color-paper-3:oklch(26.5% 0.014 275);
  --color-ink:oklch(95.5% 0.005 85);
  --color-ink-2:oklch(86% 0.008 85);
  --color-ink-3:oklch(73% 0.01 85);
  --color-rule:oklch(36% 0.012 275);
  --color-rule-strong:oklch(95.5% 0.005 85);
  --color-accent:oklch(79% 0.11 300);
  --color-accent-hover:oklch(88% 0.08 300);
  --color-accent-wash:oklch(29% 0.05 300);
  --color-accent-ink:oklch(19% 0.02 300);
  --color-wrong:oklch(80% 0.11 28);
  --color-wrong-wash:oklch(28% 0.06 28);
  --color-focus:oklch(83% 0.12 300);
  --color-highlight:oklch(79% 0.11 300);
  --color-on-highlight:oklch(19% 0.02 300);
  --bloc-a:oklch(80% 0.13 70);
  --bloc-b:oklch(76% 0.08 225);
  --bloc-c:oklch(78% 0.12 155);
  --bloc-other:oklch(40% 0.012 275);
}