/* ATR | أبيات التميز — design tokens. Three colours: milk white backgrounds, black with greys for text and logo, one sand accent. Some names are legacy (bronze = sand accent, paper = milk white, linen = light grey). */
:root {
  --atr-ink: #1B1B1A;           /* Black — logo, headings, body text. 16.4:1 on milk white */
  --atr-graphite: #4B4A48;      /* Dark Grey — secondary text. 8.4:1 on milk white */
  --atr-bronze: #C8B28C;        /* Sand — the one accent (rules, glow, highlights); never text on light backgrounds */
  --atr-bronze-deep: #8D8B87;   /* Mid Grey — decorative motif and dividers; not text */
  --atr-stone: #D3D0CB;         /* Stone Grey — borders and dividers */
  --atr-grey: #F0EEEA;          /* Light Grey — secondary backgrounds */
  --atr-sand: #E3E0DB;          /* Soft Grey — covers, tiles, alternate surfaces */
  --atr-linen: #F0EEEA;         /* Light Grey (alias) */
  --atr-paper: #FBF9F4;         /* Milk White — primary background */

  --atr-font-ar: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  --atr-font-body: 'IBM Plex Sans Arabic', 'Alexandria', sans-serif;
  --atr-font-latin: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --atr-tracking-name: 0.12em;
  --atr-tracking-tagline: 0.3em;
  --atr-weight-light: 300;
  --atr-weight-regular: 400;
  --atr-weight-medium: 500;

  --atr-text-xs: 0.8rem; --atr-text-sm: 0.875rem; --atr-text-base: 1rem; --atr-text-lg: 1.25rem;
  --atr-text-xl: 1.563rem; --atr-text-2xl: 1.953rem; --atr-text-3xl: 2.441rem; --atr-text-4xl: 3.052rem; --atr-text-5xl: 3.815rem;

  --atr-space-1: 4px; --atr-space-2: 8px; --atr-space-3: 16px; --atr-space-4: 24px; --atr-space-5: 32px;
  --atr-space-6: 48px; --atr-space-7: 64px; --atr-space-8: 96px; --atr-space-9: 128px;

  --atr-rule: 1px;
  --atr-radius: 0;
}