/* ============================================================
   ACS OPERATOR A — DESIGN SYSTEM VARIABLES
   ============================================================ */

:root {
  /* --- Typography --- */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', Arial, sans-serif;

  /* --- Color Palette --- */
  /* Backgrounds */
  --color-page:        #F5F3EE;   /* warm off-white — every page background */
  --color-surface:     #FFFFFF;   /* white — cards, contact form, inset panels */
  --color-dark:        #111111;   /* near-black — one dark section per page, nav on dark variant */

  /* Text */
  --color-text-primary:   #111111;  /* headlines, nav, dark copy */
  --color-text-body:      #4A4845;  /* body paragraphs */
  --color-text-muted:     #888580;  /* labels, captions, helper text */
  --color-text-inverse:   #F5F3EE;  /* text on dark backgrounds */
  --color-text-muted-inverse: #7A7875; /* muted text on dark */

  /* Accent */
  --color-orange:         #E8600A;  /* THE accent — used once per section maximum */
  --color-orange-hover:   #C45208;  /* hover/active state for orange elements */

  /* Borders & Rules */
  --color-rule:        #D4D0C8;   /* horizontal rules, grid lines, dividers */
  --color-rule-dark:   #2A2A2A;   /* rules on dark (#111) backgrounds */

  /* --- Spacing Scale --- */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:  16px;
  --space-lg:  32px;
  --space-xl:  64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  /* --- Layout --- */
  --container-max: 1320px;
  --container-pad: 56px;   /* horizontal padding on container edges */
  --container-pad-mobile: 24px;

  /* --- Typography Scale --- */
  --text-label:    11px;   /* spaced uppercase section labels */
  --text-sm:       13px;   /* captions, nav links, small UI */
  --text-base:     16px;   /* body paragraphs */
  --text-lg:       19px;   /* large body, card descriptions */
  --text-xl:       24px;   /* subheadings */
  --text-2xl:      32px;   /* section headings (sans) */
  --text-3xl:      44px;   /* section headings (serif) */
  --text-4xl:      58px;   /* hero headline */
  --text-5xl:      72px;   /* hero headline large breakpoint */

  /* --- Line Heights --- */
  --leading-tight:  1.05;
  --leading-snug:   1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.8;

  /* --- Letter Spacing --- */
  --tracking-label: 0.18em;   /* spaced uppercase labels */
  --tracking-tight: -0.03em;  /* large serif headlines */
  --tracking-normal: 0;

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* --- Border Radius --- */
  /* Intentionally minimal in this design system */
  --radius-none: 0px;
  --radius-sm:   2px;   /* only for tags/chips if needed */
}