@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

:root {
  --font-family: 'Geist', sans-serif;
  --blue-50: #EFF5FE; 
  --blue-100: #DCEAFB; 
  --blue-200: #C4DEFD; 
  --blue-300: #93C0F5;
  --blue-500: #2E81C8; 
  --blue-600: #1064C7; 
  --blue-700: #0C4E9E; 
  --blue-800: #0A3E7D; 
  --blue-900: #082C59;
  --neutral-0: #FFFFFF; 
  --neutral-50: #F6F8FB; 
  --neutral-100: #EAEFF6; 
  --neutral-200: #D8E0EB;
  --neutral-300: #C3CDDB; 
  --neutral-400: #9EAABC;
  --neutral-500: #6E7A90; 
  --neutral-600: #5E6B80;
  --neutral-700: #43506A; 
  --neutral-800: #2C3A4F; 
  --neutral-900: #172239; 
  --neutral-950: #080D1A;

  /* Semantic shortcuts */
  --color-hero-bg: var(--neutral-950);
  --color-hero-eyebrow: var(--blue-500);
  --color-hero-title: var(--neutral-0);
  --color-hero-desc: rgba(255, 255, 255, 0.72);
  --color-hero-stat-border: rgba(255, 255, 255, 0.12);
  --color-hero-stat-bg: rgba(255, 255, 255, 0.04);
  --color-hero-stat-lbl: rgba(255, 255, 255, 0.6);
  --color-hero-orb: var(--blue-600);

  --color-surface-card: var(--neutral-0);
  --color-surface-page: var(--neutral-50);
  --color-border-card: var(--neutral-200);
  --color-border-group-card: rgba(15, 23, 42, 0.06);
  --color-input-bg: var(--blue-50);
  --color-input-hover-bg: var(--blue-100);
  --color-input-focus-border: var(--blue-600);
  --color-input-focus-ring: rgba(16, 100, 199, 0.12);
  --color-btn-primary: var(--blue-600);
  --color-btn-primary-hover: var(--blue-700);
  --color-btn-shadow: rgba(16, 100, 199, 0.25);
  --color-btn-hover-shadow: rgba(16, 100, 199, 0.35);

  --color-text-primary: var(--neutral-900);
  --color-text-body: var(--neutral-800);
  --color-text-muted: var(--neutral-500);
  --color-text-subtle: var(--neutral-400);
  --color-text-slate: var(--neutral-700);

  --color-badge-gradient-start: var(--blue-50);
  --color-badge-gradient-end: var(--blue-100);
  --color-badge-icon: var(--blue-600);

  --color-row-hover-bg: var(--blue-50);
  --color-card-shadow: 0 30px 60px -34px rgba(15, 23, 42, 0.22), 0 2px 6px rgba(15, 23, 42, 0.04);
  --color-card-hover-shadow: 0 40px 72px -30px rgba(15, 23, 42, 0.28), 0 2px 6px rgba(15, 23, 42, 0.05);
  --color-search-card-shadow: 0 24px 48px -24px rgba(15, 23, 42, 0.35), 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 24px rgba(15, 23, 42, 0.08);

  --color-success: #09B46B;
  --color-success-bg: #EAFAF3;
  --color-danger: #EB3F3F;
  --color-danger-bg: #FDE4E5;
  --color-warning: #F8CD66;
  --color-warning-bg: #FFF0CB;

  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-card: 16px;
  --r-full: 9999px;
  --radius-full: 50%;
}

html, body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, p,
#menu-wrapper, #footer-warpper, #footer-bottom,
#forumthread-detail, .release-announcement-forum,
.content-medium, .content-small, .policystyle, .copyright {
  font-family: 'Geist', sans-serif !important;
}