/* Tier 1 — UKTA design tokens. Brand colors per client brief 2026-09-21 (docs/chinh-sua-website-210926.pptx). */
:root {
  /* Brand — UKTA identity: navy + red (from the logo) */
  --primary: #1B1464;        /* brand navy */
  --primary-dark: #120E4A;
  --primary-soft: #EEEDF7;
  --secondary: #C1272D;      /* brand red — CTAs */
  --secondary-dark: #9E1F24;
  --secondary-soft: #FCECEC;
  --accent-orange: #F9A134;  /* small nav icons on navy surfaces only (red on navy fails contrast) */
  --navy: #1B1464;

  /* Neutrals */
  --heading: #2f2f32;
  --body: #1a1a1a;        /* near-black body copy (customer: gray was unreadable) */
  --body-soft: #555759;   /* secondary only: dates, captions, meta */
  --light-1: #f8f9fa;
  --light-2: #efefef;
  --light-3: #e5e5e5;
  --light-4: #dcdcdc;
  --white: #ffffff;
  --danger: #e6545f;
  --success: #28a745;

  /* Typography */
  --font: 'Raleway', sans-serif;

  /* Layout */
  --container: 1240px;
  --section-py: 52px;

  /* Radius scale */
  --r-sm: 4px;
  --r-md: 10px;
  --r-pill: 50px;

  /* Effects */
  --shadow-soft: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  --focus-ring: 0 0 0 0.2rem rgba(27, 20, 100, 0.25);
  --transition: all 0.3s;
}