:root {
  --gf-font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --gf-font-title: "Sora", "Manrope", system-ui, -apple-system, sans-serif;
  --gf-primary-700: #0A5C66;
  --gf-primary-600: #0B7280;
  --gf-primary-500: #0C8896;
  --gf-primary-400: #22A6B3;
  --gf-primary-100: #E6F6F7;
  --gf-accent-500: #C9A227;
  --gf-bg: #F6F7FB;
  --gf-surface: #FFFFFF;
  --gf-surface-2: #F0F2F7;
  --gf-border: #E3E6EE;
  --gf-text: #0B1220;
  --gf-muted: #5B6475;
  --gf-success: #16A34A;
  --gf-warning: #D97706;
  --gf-danger: #DC2626;
  --gf-info: #2563EB;
  --gf-sidebar-bg: #16243B;
  --gf-sidebar-text: #E5E7EB;
  --gf-sidebar-muted: #CBD5E1;
  --gf-sidebar-grad-start: rgba(31, 49, 82, 0.94);
  --gf-sidebar-grad-end: rgba(12, 18, 34, 0.98);
  --gf-sidebar-glow: rgba(34, 166, 179, 0.16);
  --gf-sidebar-border: rgba(255, 255, 255, 0.08);
  --gf-topbar-height: 72px;
  --gf-sidebar-width: 264px;
  --gf-sidebar-mini-width: 86px;
  --gf-page-padding-x: 24px;
  --gf-page-padding-y: 24px;
  --gf-radius-lg: 14px;
  --gf-radius-md: 10px;
  --gf-shadow-sm: 0 10px 28px rgba(15, 23, 42, 0.08);
  --gf-shadow-xs: 0 6px 18px rgba(15, 23, 42, 0.06);
  --gf-shadow-md: 0 18px 40px rgba(15, 23, 42, 0.12);
  --gf-focus: 0 0 0 0.2rem rgba(12, 136, 150, 0.18);
}