/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-brand-blue: #0A5CF5; /** Primary accent — buttons, active nav, links. Sampled from the RankFixer.ai logo wordmark. */
  --color-brand-blue-bright: #00AAFF; /** Gradient partner for brand.blue — sampled from the logo's chart-bar highlight. */
  --color-brand-blue-light: #3B82F6; /** Lightened brand.blue for text/icons on dark surfaces. */
  --color-brand-blue-hover: #60A5FA; /** Hover state for brand.blue-light. */
  --color-brand-orange: #FF7900; /** AI-specific accent only — sampled from the logo's target/AI mark. Not a general-purpose accent. */
  --color-brand-orange-light: #FF9142; /** Lightened brand.orange for text/icons on dark surfaces. */
  --color-brand-amber: #FD9F09; /** Secondary AI/warm accent — sampled from the logo's target-ring gradient. Also reused as the warning semantic color. */
  --color-brand-amber-light: #FFB43D; /** Lightened brand.amber for text/icons on dark surfaces. */
  --color-background-base: #0A0E1E; /** App background — deep navy, dark-mode default. */
  --color-background-elevated: rgba(255, 255, 255, 0.055); /** Glass panel fill. */
  --color-background-elevated-strong: rgba(255, 255, 255, 0.07); /** Glass panel fill for emphasized surfaces (e.g. auth card). */
  --color-background-solid: #10152A; /** Opaque (non-glass) raised-surface fill for floating elements over arbitrary page content — toasts, autocomplete/dropdown popovers — where translucent glass would let content behind it bleed through and hurt contrast. */
  --color-border-glass: rgba(255, 255, 255, 0.1);
  --color-border-glass-strong: rgba(255, 255, 255, 0.14);
  --color-text-primary: #F5F7FF;
  --color-text-muted: #8A93B8;
  --color-text-faint: #5B6489;
  --color-text-on-accent: #0A0E1E; /** Text color for use on top of a bright accent fill (buttons). */
  --color-semantic-success: #22C55E;
  --color-semantic-error: #EF4444; /** Backgrounds/borders/graphical strokes only — use error-light for text (WCAG AA contrast on dark surfaces). */
  --color-semantic-error-light: #FF6B6B; /** Text color for error state — lightened from semantic.error to meet 4.5:1 contrast on dark glass surfaces (found via axe-core audit, Phase 0 QA pass). */
  --elevation-glass-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  --elevation-glass-inset: inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --elevation-button-glow-blue: 0 8px 28px rgba(10, 92, 245, 0.35);
  --elevation-button-glow-amber: 0 8px 28px rgba(253, 159, 9, 0.35);
  --blur-sm: 16px;
  --blur-md: 20px;
  --blur-lg: 24px;
  --blur-xl: 28px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-xxl: 24px;
  --radius-full: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --font-family-display: 'Space Grotesk', system-ui, sans-serif; /** Headlines, stat figures, wordmark. */
  --font-family-body: 'Manrope', system-ui, sans-serif; /** Body copy, UI labels. */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-display: 32px;
  --font-size-headline: 24px;
  --font-size-title: 18px;
  --font-size-body: 14px;
  --font-size-label: 12px;
  --font-size-caption: 11px;
  --font-line-height-tight: 1.2;
  --font-line-height-normal: 1.5;
  --font-line-height-relaxed: 1.55;
  --color-semantic-warning: var(--color-brand-amber);
}