/* Official NuvoraTab Theme Variables */
:root {
  /* Surfaces - Deep Dark Palette */
  --bg-page: #0A0F1C;
  --bg-surface: #0e1424;
  --bg-surface-hover: #131b2e;
  --bg-surface-elevated: #162035;
  --bg-card: rgba(14, 20, 36, 0.75);

  /* Borders - Precise hairline lines */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-highlight: rgba(255, 255, 255, 0.25);
  --border-accent: rgba(6, 182, 212, 0.4);

  /* Typography */
  --text-primary: #F1F5F9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-inverse: #0A0F1C;

  /* Official Brand Accents - Primary Cyan, Secondary Blue, Accent Violet */
  --brand-cyan: #06B6D4;
  --brand-blue: #3B82F6;
  --brand-violet: #8B5CF6;
  --accent-cyan: #06B6D4;
  --accent-blue: #3B82F6;
  --accent-violet: #8B5CF6;
  --accent-cyan-glow: rgba(6, 182, 212, 0.2);
  --accent-violet-glow: rgba(139, 92, 246, 0.2);
  --accent-emerald: #10b981;

  /* Spacing */
  --nav-height: 72px;
  --max-width: 1400px;
  --max-width-narrow: 1080px;
  --section-padding: clamp(3.5rem, 6vw, 6rem);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 140ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 220ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 380ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Typography Fonts */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
}