:root {
  /* ── Brand colours ── */
  --primary:       #0a2a42;
  --primary-light: #1a4a6e;
  --accent:        #e67e22;   /* Orange — buttons & icons ONLY */
  --accent-hover:  #cf6d17;

  /* ── Label / tag / badge system ── */
  --label-color:  #1264ad;
  --label-bg:     rgba(18, 100, 173, 0.08);
  --label-border: rgba(18, 100, 173, 0.18);

  /* ── Neutrals ── */
  --dark-text:   #1a1a1a;
  --body-text:   #2d3a44;
  --muted:       #3d4f5c;
  --light-bg:    #f0f5fa;
  --border:      rgba(10, 42, 66, 0.09);
  --border-solid:#e5e9ef;
  --white:       #fff;

  /* ── Typography ── */
  --font-main:  "Barlow", sans-serif;
  --font-serif: "Merriweather", serif;

  /* ── Layout ── */
  --sidebar-width: 260px;
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Border radius ── */
  --radius-sm: 8px;
  --radius:    12px;

  /* ── Shadows ── */
  --shadow-sm: 0 2px 12px rgba(10, 42, 66, 0.07);
  --shadow-md: 0 8px 30px rgba(10, 42, 66, 0.1);
  --shadow-lg: 0 20px 60px rgba(10, 42, 66, 0.14);

  /* ── Card typography — applied to ALL card types ── */
  --card-title-size:   0.9rem;
  --card-title-weight: 700;
  --card-body-size:    0.82rem;
  --card-body-color:   #2d3a44;  /* matches --body-text */

  /* ── Common transitions ── */
  --transition-fast:   all 0.18s ease;
  --transition:        all 0.22s ease;

  /* ── Section spacing ── */
  --section-pad-y: 5rem;
  --section-pad-x: 3rem;

  /* ── Icon sizes ── */
  --icon-sm: 32px;
  --icon-md: 40px;
  --icon-lg: 48px;

  /* ── Gradient primary ── */
  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
}