/* ajans.one design tokens — AJA-20 (2026-08-12)
 * Source of truth for AJA-9 (website) and AJA-10 (social).
 * Every text/background pair below is WCAG-AA verified; measured ratios
 * are in brand/identity doc §3 and reproducible via brand/tools/contrast.py.
 * Rule: --color-accent NEVER carries text on light surfaces — use
 * --color-accent-deep there; bright accent is for dark/primary surfaces
 * and non-essential graphics only.
 */
:root {
  /* Brand colours */
  --color-primary: #0E3A53;        /* deep petrol blue — headings, buttons, logo */
  --color-primary-hover: #0B2E42;
  --color-secondary: #166578;      /* teal — links, secondary emphasis */
  --color-accent: #E8A33D;         /* amber — only on dark/primary surfaces */
  --color-accent-deep: #8A5507;    /* amber for text on light surfaces */

  /* Light theme */
  --color-ink: #182730;            /* body text */
  --color-ink-soft: #44555F;       /* muted text */
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F6F7;
  --color-line: #D5DEE2;           /* borders, dividers */

  /* Dark theme */
  --color-dark-surface: #0D1B24;
  --color-dark-raised: #142934;    /* cards on dark */
  --color-dark-text: #E9EFF2;
  --color-dark-muted: #9FB4BE;

  /* Typography (both fonts SIL OFL, Turkish glyphs verified) */
  --font-heading: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-weight-heading: 600;
  --font-weight-body: 400;
  --font-weight-body-strong: 600;

  /* Type scale (rem) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;      /* body: Inter 400, line-height 1.6 */
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;    /* h3: Space Grotesk 600 */
  --text-2xl: 1.75rem;    /* h2 */
  --text-3xl: 2.375rem;   /* h1, line-height 1.15 */
  --leading-body: 1.6;
  --leading-heading: 1.15;

  /* Shape & spacing */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-badge: 20px;   /* matches logo badge rx at 96px */
  --space-unit: 8px;
}