/* Tier 1 — UKTA design tokens. Canonical values match production (ukta.edu.vn). */
:root {
  /* Brand */
  --primary: #4783f3;
  --primary-dark: #2f6dde;
  --primary-soft: #eef4fe;
  --secondary: #f9a134;      /* CTA orange */
  --secondary-dark: #d8861c;
  --secondary-soft: #fef3e2;
  --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(71, 131, 243, 0.25);
  --transition: all 0.3s;
}