/* =====================================================
   DESIGN TOKENS
===================================================== */

:root {
  --primary: #0252a4;
  --accent: #ff8552;

  --bg-white: #ffffff;
  --bg-grey: #f7f9fc;

  --border: rgba(2, 82, 164, 0.12);

  --text-primary: #1c0f13;
  --text-secondary: #4b5563;

  --radius: 16px;

  --shadow: 0 8px 30px rgba(2, 82, 164, 0.08);
  --shadow-hover: 0 1rem 40px rgba(2, 82, 164, 0.15);

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 80px;
}