:root {
  
  --ink: #15233C;
  --parchment: #F6F1E7;
  --sage: #718272;
  --copper: #B65C3A;
  --white: #FFFFFF;

  --copper-on-dark: #D98A62;   
  --copper-on-light: #A04E2E;  
  --sage-on-dark: #9DB09E;     
  --sage-on-light: #5B6A5C;    

  --ink-deep: #0E1728;
  --ink-panel: #1D3050;
  --parchment-panel: #ECE3D2;
  --parchment-line: #DED2BC;

  
  --font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans-arabic: "IBM Plex Sans Arabic", var(--font-sans);
  
  --font-scripture: "Scheherazade New", serif;

  
  --role-headline: var(--font-serif);
  --role-body: var(--font-sans);

  
  --size-display: clamp(2.1rem, 5vw + 1rem, 3.4rem);
  --size-h1: clamp(1.7rem, 3vw + 1rem, 2.4rem);
  --size-h2: 1.4rem;
  --size-h3: 1.1rem;
  --size-lead: 1.2rem;
  --size-body: 1rem;
  --size-small: 0.9rem;
  --size-micro: 0.78rem;
  --size-label: 0.8rem;

  
  --size-scripture: calc(var(--size-body) * 2.5);
  --line-scripture: 1.4;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.75rem;
  --space-4: 2.75rem;
  --space-5: 4.5rem;

  --line-max: 38rem;
}