/* RebaseCyprus Design Tokens · single source of truth
   Later rollout: paste this file once into Yootheme > Custom CSS.
   All values are consumed by base.css and page blocks via var(). */
:root {
  /* Brand palette (derived from /consultation, Nikolas' favourite) */
  --rb-navy-950: #0D1829;
  --rb-navy-900: #14213A;
  --rb-navy-800: #1B2A4A;
  --rb-navy-700: #22345A;
  --rb-gold: #D4A843;
  --rb-gold-deep: #B8902F;
  --rb-gold-soft: rgba(212, 168, 67, 0.14);
  --rb-gold-text: #5E4A16;  /* gold-family text on light surfaces, WCAG AA. Darkened from
     #7A5D1B (2026-09): the old value only reached 2.78:1 against the translucent
     --rb-gold-soft fill (badges, disclaimers, directory icon buttons), failing the 4.5:1
     text minimum. This value clears >=4.5:1 against every --rb-gold-soft blend in use
     (white, --rb-cream, --rb-surface-alt) and stays well above 4.5:1 against solid
     --rb-cream too (only improves that pairing, doesn't regress it). */
  /* Focus rings. --rb-gold reaches only 2.2:1 on white, under the 3:1 that
     WCAG 2.2 SC 1.4.11 asks of a focus indicator. Buttons take focus on both
     light and dark surfaces, so this tone is picked to clear 3:1 against both:
     3.56 on white, 3.35 on --rb-surface-alt, 4.99 on --rb-navy-950. */
  --rb-gold-focus: #A8822A;
  --rb-blue: #3B82C4;
  --rb-blue-text: #2D6AA6;  /* blue-family text on light surfaces, WCAG AA */
  --rb-blue-soft: rgba(59, 130, 196, 0.10);
  --rb-blue-text-strong: #245D94; /* blue text on tinted cream, 5.3:1 (blue-text is 4.34:1 there) */
  --rb-blue-light: #8AA6C2;  /* lighter blue tint, for a second blue-family segment next to --rb-blue (e.g. two adjacent chart/bar segments) */
  --rb-cream: #F3EDE2;
  --rb-cream-deep: #E9E0CF;

  /* Surfaces + text */
  --rb-surface: #FFFFFF;
  --rb-surface-alt: #F7F8FA;
  --rb-text: #1A2233;
  --rb-text-muted: #5A6678;
  --rb-text-on-dark: #F4F6FA;
  --rb-text-muted-on-dark: #A8B4C8;
  --rb-border: #E3E7EE;
  --rb-border-on-dark: rgba(255, 255, 255, 0.10);

  /* Shape + elevation (one radius system: cards 16, controls pill) */
  --rb-radius: 16px;
  --rb-radius-sm: 10px;
  --rb-radius-pill: 100px;
  --rb-shadow-1: 0 1px 3px rgba(13, 24, 41, 0.07), 0 1px 2px rgba(13, 24, 41, 0.05);
  --rb-shadow-2: 0 6px 18px rgba(13, 24, 41, 0.10), 0 2px 6px rgba(13, 24, 41, 0.06);
  --rb-shadow-gold: 0 6px 20px rgba(212, 168, 67, 0.35);

  /* Type */
  --rb-font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --rb-container: 1200px;
  --rb-header-h: 88px;
  --rb-header-h-compact: 62px;
}