/* Design tokens: owned by the Designer. TEXT-ONLY site: no SVG, images or icons; interest comes from type.

   PALETTE "neutral": cool off-white paper, graphite ink, slate-navy accent, burnt-amber counterpoint, amber rules.
   Deliberately neither product's brand colours: no Teams purple, no Meet green/blue/yellow.
   Contrast (WCAG AA) on --color-bg: text 16.7:1, muted 7.3:1, accent 9.2:1, amber (--color-red) 7.3:1, gold-text 6.5:1.
   On --color-surface: text 14.9:1, muted 6.5:1, accent 8.2:1. On --color-dark-bg: paper 16.1:1, gold-light 10.3:1, pool-light 9.1:1.
   --color-gold is for borders/rules only, never for text. Use accent and amber as the two "sides" of a comparison.

   TYPE SYSTEM (system fonts only):
   - Display / headings: --font-display, system sans in heavy weight, tight tracking: modern, product-comparison feel.
   - Body: --font-body, system sans at 1.125rem, line height 1.7, measure 62ch.
   - UI labels, nav, captions: --font-ui, the same sans, uppercase with --tracking-wide.
   - Figures (limits, prices, counts): --font-mono.
   - Scale is 1.333 (perfect fourth); --text-hero is for page titles only.
   ORNAMENTS (plain text or CSS borders): --ornament-* strings in ::before/::after content; --rule-* border shorthands. */
:root {
  --color-bg: #f7f8fa;
  --color-surface: #e8ebf0;
  --color-text: #14181f;
  --color-muted: #4a5361;
  --color-accent: #25456e;
  --color-accent-contrast: #f7f8fa;
  --color-red: #8a3b12;
  --color-red-deep: #25456e;
  --color-gold: #c9892a;
  --color-gold-text: #7a5200;
  --color-gold-light: #f0c36a;
  --color-border: #c3cad6;
  --color-dark-bg: #171c26;
  --color-palm: #3d4a5c;
  --color-pool-light: #9cc0f0;
  --color-dark-text: #f7f8fa;

  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: var(--font-display);
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.125rem;
  --text-md: 1.5rem;
  --text-lg: 2rem;
  --text-xl: 2.667rem;
  --text-2xl: 3.556rem;
  --text-hero: clamp(3rem, 10vw, 6.5rem);

  --weight-normal: 400;
  --weight-heading: 800;
  --weight-black: 900;
  --leading-tight: 1.1;
  --leading-body: 1.7;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.14em;
  --tracking-widest: 0.3em;
  --measure: 62ch;

  --ornament-rule: "\2215";
  --ornament-fleuron: "\2014";
  --ornament-diamond: "\25C6";
  --ornament-divider: "\2014  vs  \2014";
  --ornament-dots: "\00B7 \00B7 \00B7";
  --rule-double: 4px double var(--color-gold);
  --rule-thick-red: 6px solid var(--color-red);
  --rule-thin: 1px solid var(--color-border);

  --space: 1rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --radius-sm: 0;
  --radius: 2px;
  --radius-lg: 4px;
  --shadow: none;
  --max-width: 70rem;
}