/* ============================================================
   GUDSKY RESEARCH FOUNDATION — CSS Variables
   Brand colours extracted from official logo (#1342AF)
   5-colour palette: Blue · White · Black · Red · Green
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Brand Blue (logo: #1342AF) ── */
  --blue:        #1342AF;   /* Primary — logo exact */
  --blue-l:      #1E56D4;   /* Hover, accents */
  --blue-d:      #0D2E7A;   /* Dark sections, hero */
  --blue-xl:     #081A4A;   /* Deepest — footer, nav dark */
  --blue-pale:   #EBF0FB;   /* Card backgrounds, tints */
  --blue-mid:    #3D6DD4;   /* Secondary elements */
  --blue-border: #C2D0EE;   /* Borders */

  /* ── Neutral ── */
  --white:       #FFFFFF;
  --off-white:   #F5F7FC;   /* Page alt background */
  --border:      #D4DCF0;   /* Blue-tinted borders */
  --text:        #0F172A;   /* Near-black body text */
  --muted:       #4A5C8A;   /* Secondary text */
  --light:       #7B8FB8;   /* Placeholder, hint */

  /* ── Signal Colours ── */
  --red:         #DC2626;   /* Notifications, alerts, errors, closed */
  --red-bg:      #FEF2F2;
  --green:       #16A34A;   /* Active, success, coming soon, open */
  --green-bg:    #F0FDF4;

  /* ── Typography ── */
  --ff-h: 'Outfit', sans-serif;
  --ff-b: 'DM Sans', sans-serif;
  --ff-m: 'JetBrains Mono', monospace;

  /* ── Spacing & Shape ── */
  --r:    10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --max:  1180px;
  --shadow: 0 2px 16px rgba(13,46,122,.10);
}