/* GovCare Design Tokens — Sprint 06A: Expo Arabic embedded locally */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ── Expo Arabic @font-face (5 weights) ── */
@font-face {
  font-family: "Expo Arabic";
  src: url("./assets/fonts/expo-arabic/ExpoArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Expo Arabic";
  src: url("./assets/fonts/expo-arabic/ExpoArabic-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Expo Arabic";
  src: url("./assets/fonts/expo-arabic/ExpoArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Expo Arabic";
  src: url("./assets/fonts/expo-arabic/ExpoArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Expo Arabic";
  src: url("./assets/fonts/expo-arabic/ExpoArabic-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --gc-navy: #0B2E4A; --gc-navy-light: #0F3A5E; --gc-navy-dark: #071E32;
  --gc-blue: #145DA0; --gc-blue-light: #1A6FBF; --gc-blue-soft: #E8F0FA;
  --gc-gold: #C69A2E; --gc-gold-soft: #F8F0D8; --gc-gold-deep: #A47E1A;
  --gc-bg: #F4F6FA; --gc-surface: #FFFFFF; --gc-muted: #EEF2F7; --gc-border: #DDE3EB; --gc-border-light: #E8EDF3;
  --gc-text: #17202A; --gc-text-secondary: #5D6D7E; --gc-text-tertiary: #8D99A8;
  --gc-text-on-dark: #F6F8FB; --gc-text-on-navy: #A8BFCF;
  --gc-success: #168A45; --gc-success-soft: #E3F5EC;
  --gc-warning: #D99000; --gc-warning-soft: #FFF4DB;
  --gc-critical: #C7352D; --gc-critical-soft: #FDE8E6;
  --gc-info: #0E7490; --gc-info-soft: #E0F4F8;
  --gc-shadow-sm: 0 1px 3px rgba(11,46,74,0.05);
  --gc-shadow-md: 0 4px 14px rgba(11,46,74,0.07);
  --gc-shadow-lg: 0 8px 28px rgba(11,46,74,0.09);
  --gc-radius-sm: 8px; --gc-radius-md: 12px; --gc-radius-lg: 16px;
  --gc-font-ar: "Expo Arabic", Arial, sans-serif;
  --gc-font-en: 'Inter',-apple-system,sans-serif;
  --gc-font-ui: var(--gc-font-ar);
  --sidebar-w: 256px; --topbar-h: 64px;
}