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

:root {
  --color-core-black: #000000;
  --color-core-white: #ffffff;
  --color-bg-base: #0a0a0a; /** Screen background */
  --color-bg-card: #141414; /** Flat surfaces: cards, list rows, modal sheets */
  --color-bg-elevated: #1c1c1c; /** Raised surfaces: headers, tab bars */
  --color-border-default: #2a2a2a;
  --color-text-primary: #ffffff;
  --color-text-secondary: #a0a0a0;
  --color-text-muted: #555555;
  --color-text-inverse: #000000;
  --color-accent-red: #ff3b30; /** Errors, destructive actions */
  --color-accent-yellow: #ffd60a; /** Highlights, badges, warnings */
  --color-accent-green: #30d158; /** Success, online, info */
  --color-brand-primary: #ff4b2b; /** Primary brand — official site orange (CTA, highlights) */
  --color-brand-primary-alt: #ff416c; /** Gradient endpoint — warm pink-red, used with primary for CTA gradients */
  --color-vibe-chill-from: #1a1a2e;
  --color-vibe-chill-to: #16213e;
  --color-vibe-chill-accent: #4facfe;
  --color-vibe-hype-from: #7c2d12;
  --color-vibe-hype-to: #431407;
  --color-vibe-hype-accent: #ff6b35;
  --color-vibe-cinema-from: #1c1c1e;
  --color-vibe-cinema-to: #0a0a0a;
  --color-vibe-cinema-accent: #a0a0a0;
  --color-vibe-sunset-from: #7c3f00;
  --color-vibe-sunset-to: #4a1d00;
  --color-vibe-sunset-accent: #ffb347;
  --color-vibe-ai-from: #3b1f6e;
  --color-vibe-ai-to: #1e0f3a;
  --color-vibe-ai-accent: #bf5af2;
  --color-overlay-default: rgba(0, 0, 0, 0.6);
  --color-overlay-light: rgba(0, 0, 0, 0.3);
  --color-overlay-white-soft: rgba(255, 255, 255, 0.08);
  --color-overlay-white-medium: rgba(255, 255, 255, 0.15);
  --semantic-button-primary-bg: #ff4b2b;
  --semantic-button-primary-bg-active: #ff416c;
  --semantic-button-primary-text: #ffffff;
  --semantic-button-secondary-bg: #141414;
  --semantic-button-secondary-border: #2a2a2a;
  --semantic-button-secondary-text: #ffffff;
  --semantic-button-ghost-bg: rgba(255, 255, 255, 0);
  --semantic-button-ghost-text: #a0a0a0;
  --semantic-button-destructive-bg: #ff3b30;
  --semantic-button-destructive-bg-active: #d63027; /** Destructive pressed state — ~10% darker than accent.red */
  --semantic-button-destructive-text: #ffffff;
  --semantic-input-bg: #141414;
  --semantic-input-border: #2a2a2a;
  --semantic-input-border-focus: #ffffff;
  --semantic-input-text: #ffffff;
  --semantic-input-placeholder: #555555;
  --semantic-card-bg: #141414;
  --semantic-card-border: #2a2a2a;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-base: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --spacing-xxxl: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-xxl: 28px;
  --radius-full: 999px;
  --size-xs: 11px;
  --size-sm: 13px;
  --size-base: 15px;
  --size-md: 17px;
  --size-lg: 20px;
  --size-xl: 24px;
  --size-xxl: 32px;
  --size-xxxl: 42px;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --weight-black: 900;
  --family-sans: Outfit, -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
  --family-mono: SpaceMono-Regular, Menlo, monospace;
}