@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

:root {
  --navy: #1b1454;
  --indigo: #5c61d6;
  --soft-bg: #edf6f7;
  --card-bg: #ffffff;
  --accent: #f4be3a;
  --accent-hover: #FFAE03;
  --coral: #f87f7f;
  --text: #1f1f2e;
  --muted: #7c7a8f;
  --border: #d8d9ea;
  --radius-xl: 32px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-pill: 999px;
  --shadow: 0 14px 36px rgba(16, 17, 52, 0.08);
  --shadow-inset: inset 0 2px 6px rgba(0,0,0,0.15);
}