:root {
  /* Trendy “Bold Vibrant” (navy + coral + cool blue) */
  --bg: #F7F6F3;
  --surface: #FFFFFF;
  --text: #1B1F2A;
  --muted: #5E667A;
  --border: rgba(27, 31, 42, 0.12);

  --navy: #14233C;
  --navy-2: #1B2E53;

  --coral: #F15A4A;
  --coral-2: #FF7A6C;

  --coral-light: #e56653;
  --coral-dark: #ec301b;
  --coral-darker: #b61f0e;

  --steel-blue: #5484ab;
  --steel-blue-darker: #467092;
  --sky: #8EC5FF;
  --sky-2: #D9EEFF;

  --success: #2E8B6E; /* optional */
  --gold: #F2B84B;    /* optional */

  /* Typography */
  --font-heading: ui-serif, Georgia, "Times New Roman", serif;
  --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius: 14px;
  --radius-sm: 10px;

  --shadow: 0 14px 34px rgba(20, 35, 60, 0.12);
  --shadow-sm: 0 10px 24px rgba(20, 35, 60, 0.10);

  --max: 1120px;
}