/* ── CSS Custom Properties ────────────── */
:root {
  --clr-primary:       #2c608a;
  --clr-primary-dark:  #1e4a6e;
  --clr-primary-light: #3a7ab0;
  --clr-black:         #111111;
  --clr-gray-1:        #2a2a2a;
  --clr-gray-2:        #555555;
  --clr-gray-3:        #999999;
  --clr-gray-4:        #d4d4d4;
  --clr-off-white:     #f5f7f9;
  --clr-white:         #ffffff;
  --clr-error:         #c0392b;

  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;

  --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:  0 8px 30px rgba(0,0,0,0.12);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.18);

  --container: 1200px;
  --transition: 0.25s ease;
}