:root {
  /* Primary */
  --oxford-blue: #0D1C56;
  --navy-blue: #001987;
  --maya-blue: #53B2FF;
  --ice-blue: #BFE6FF;

  /* Secondary */
  --dandelion: #F2DB3D;
  --vivid-yellow: #FFF500;
  --lemon-yellow: #FFFD6F;
  --soft-lemon: #FFFDAF;

  /* Tertiary */
  --eerie-black: #1A1A1A;
  --snow: #FAFAFA;
  --sea-green: #349444;
  --orange-peel: #F57F13;
  --silver-gray: #B5B5B2;
  --signal-red: #D00606;
  --blush-pink: #F9B7CF;
  --teal: #20C2B3;

  /* Semantic */
  --text-primary: var(--oxford-blue);
  --text-secondary: #3a4a7a;
  --text-muted: #6b7a9e;
  --bg-default: var(--snow);
  --bg-oxford: var(--oxford-blue);
  --bg-navy: var(--navy-blue);
  --bg-ice: var(--ice-blue);
  --bg-maya: var(--maya-blue);

  /* Layout */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-soft: 0 4px 24px rgba(13, 28, 86, 0.08);
  --shadow-hover: 0 12px 40px rgba(13, 28, 86, 0.14);
  --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1200px;
  --header-height: 72px;
}