/* AnHonestHost Design Tokens */
:root {
  /* Color Palette — Dark mode (default) */
  --anhh-bg: #0a1628;
  --anhh-bg-elevated: #111827;
  --anhh-bg-surface: #1e293b;
  --anhh-text-primary: #f0f4ff;
  --anhh-text-secondary: #94a3b8;
  --anhh-text-muted: #64748b;
  --anhh-border-color: #334155;
  --anhh-primary: #1a56db;
  --anhh-primary-hover: #2563eb;
  --anhh-accent: #00d4aa;
  --anhh-accent-dim: rgba(0, 212, 170, 0.1);
  --anhh-accent-border: rgba(0, 212, 170, 0.2);

  /* Typography */
  --anhh-font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --anhh-font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
  --anhh-font-size-xs: 11px;
  --anhh-font-size-sm: 13px;
  --anhh-font-size-base: 15px;
  --anhh-font-size-md: 17px;
  --anhh-font-size-lg: 24px;
  --anhh-font-size-xl: 36px;
  --anhh-font-size-2xl: 52px;

  /* Spacing */
  --anhh-space-xs: 4px;
  --anhh-space-sm: 8px;
  --anhh-space-md: 16px;
  --anhh-space-lg: 24px;
  --anhh-space-xl: 32px;
  --anhh-space-2xl: 48px;
  --anhh-space-3xl: 64px;
  --anhh-space-4xl: 100px;

  /* Border Radius */
  --anhh-radius-sm: 6px;
  --anhh-radius-md: 8px;
  --anhh-radius-lg: 12px;
  --anhh-radius-xl: 16px;
  --anhh-radius-full: 9999px;

  /* Shadows */
  --anhh-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
  --anhh-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.2);
  --anhh-shadow-lg: 0 25px 50px rgba(0, 0, 0, 0.3);

  /* Transitions */
  --anhh-transition-fast: 0.15s ease;
  --anhh-transition-base: 0.2s ease;
  --anhh-transition-slow: 0.3s ease;

  /* Layout */
  --anhh-max-width: 1200px;
  --anhh-nav-height: 72px;
}