:root {
  --gray-navy: #0A2342;
  --gray-blue: #38B6FF;
  --gray-white: #FFFFFF;
  --gray-light: #EAECEF;
  --gray-black: #111111;
  --gray-page: #EEF3F8;
  --gray-surface: #FAFCFF;
  --gray-text: #111111;
  --gray-muted: #53657A;
  --gray-border: #DCE6EF;
  --color-navy: #0A2342;
  --color-blue: #38B6FF;
  --color-white: #FFFFFF;
  --color-gray-light: #EAECEF;
  --color-page: #EEF3F8;
  --color-surface: #F8FBFF;
  --color-text: #111111;
  --color-text-soft: #5F6F82;
  --color-border: #D8E0E8;
  --shadow-soft: 0 16px 42px rgba(10, 35, 66, 0.075);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 22px;
  --container: 1240px;
}