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

:root {
  --gjx-color-amber-primary: #ebc554; /** Primary Amber — лого, CTA, акценты, H1. WCAG AAA на Black для крупного, AA для body */
  --gjx-color-amber-light: #f8f080; /** Highlight, glow, hover-states */
  --gjx-color-amber-dark: #c9a332; /** Pressed states, тени, secondary accents */
  --gjx-color-background-primary: #080808; /** Основной фон. Полотно сайтов */
  --gjx-color-background-secondary: #050505; /** Карточки, контейнеры, подложки модалок */
  --gjx-color-text-primary: #ffffff; /** Body text on dark. WCAG AAA */
  --gjx-color-text-secondary: #e5e5e5; /** Secondary text */
  --gjx-color-text-tertiary: #a3a3a3; /** Captions, disabled */
  --gjx-color-text-accent: #ebc554; /** Amber-акцент в тексте — для H1 и ключевых цифр */
  --gjx-color-border-subtle: #1a1a1a;
  --gjx-color-border-default: #525252;
  --gjx-color-border-strong: #a3a3a3;
  --gjx-color-border-accent: #ebc554;
  --gjx-color-accent-cyber-blue: #00f0ff; /** Cyber-Blue — ТОЛЬКО terminal UI / Vault / hover-states. НЕ более 2% поверхности экрана */
  --gjx-color-state-success: #22c55e; /** Зелёный — passed quiz, paid, confirmed */
  --gjx-color-state-warning: #ebc554; /** Используем Amber — нет конфликтов с системой */
  --gjx-color-state-error: #ef4444; /** Failed quiz, error states */
  --gjx-color-state-info: #00f0ff; /** Mono terminal info */
  --gjx-color-submark-silver: #b0b5bc; /** Только sub-mark Q-Check/Q-Vision. Не использовать в Cash Cow line напрямую */
  --gjx-typography-family-display: 'Space Grotesk', system-ui, sans-serif; /** Headlines, display, numerical, wordmark */
  --gjx-typography-family-body: 'Inter', system-ui, sans-serif; /** Body, UI, формы, длинные тексты */
  --gjx-typography-family-mono: 'Space Mono', 'Fira Code', ui-monospace, monospace; /** Терминал, код, technical UI */
  --gjx-typography-weight-regular: 400;
  --gjx-typography-weight-medium: 500;
  --gjx-typography-weight-semibold: 600;
  --gjx-typography-weight-bold: 700;
  --gjx-typography-weight-heavy: 800; /** Минимум для headline / wordmark */
  --gjx-typography-size-xs: 12px;
  --gjx-typography-size-sm: 14px;
  --gjx-typography-size-base: 16px;
  --gjx-typography-size-lg: 18px;
  --gjx-typography-size-xl: 20px;
  --gjx-typography-size-2xl: 24px;
  --gjx-typography-size-3xl: 32px;
  --gjx-typography-size-4xl: 40px;
  --gjx-typography-size-5xl: 48px;
  --gjx-typography-size-6xl: 64px;
  --gjx-typography-size-7xl: 80px;
  --gjx-typography-size-8xl: 96px; /** H1 maximum для Hero */
  --gjx-typography-line-height-none: 1; /** H1 display */
  --gjx-typography-line-height-tight: 1.05;
  --gjx-typography-line-height-snug: 1.1; /** H2 */
  --gjx-typography-line-height-normal: 1.15; /** H3 */
  --gjx-typography-line-height-relaxed: 1.5; /** Body */
  --gjx-typography-line-height-loose: 1.6; /** Long-form body */
  --gjx-typography-letter-spacing-tighter: -0.02em;
  --gjx-typography-letter-spacing-tight: -0.01em;
  --gjx-typography-letter-spacing-normal: 0;
  --gjx-typography-letter-spacing-wide: 0.01em; /** H3 */
  --gjx-typography-letter-spacing-wider: 0.02em; /** H1, H2, captions */
  --gjx-typography-letter-spacing-widest: 0.05em; /** Wordmark GOLDJAXE */
  --gjx-spacing-0: 0;
  --gjx-spacing-1: 4px;
  --gjx-spacing-2: 8px;
  --gjx-spacing-3: 12px;
  --gjx-spacing-4: 16px;
  --gjx-spacing-5: 20px;
  --gjx-spacing-6: 24px;
  --gjx-spacing-8: 32px;
  --gjx-spacing-10: 40px;
  --gjx-spacing-12: 48px;
  --gjx-spacing-16: 64px;
  --gjx-spacing-20: 80px;
  --gjx-spacing-24: 96px;
  --gjx-spacing-32: 128px;
  --gjx-radius-none: 0; /** Brutalism default */
  --gjx-radius-sm: 2px; /** Кнопки, инпуты */
  --gjx-radius-md: 4px; /** Карточки */
  --gjx-radius-lg: 8px; /** Модалки */
  --gjx-radius-full: 9999px; /** Pills, avatars */
  --gjx-shadow-none: none;
  --gjx-shadow-subtle: 0 1px 2px 0 rgba(0,0,0,0.5);
  --gjx-shadow-card: 0 4px 12px 0 rgba(0,0,0,0.6);
  --gjx-shadow-modal: 0 24px 64px 0 rgba(0,0,0,0.8);
  --gjx-shadow-glow-sm: 0 0 20px 0 rgba(235,197,84,0.25); /** Лёгкий gold glow на hover */
  --gjx-shadow-glow-md: 0 0 40px 0 rgba(235,197,84,0.40); /** Hero CTA glow */
  --gjx-shadow-glow-cyber: 0 0 24px 0 rgba(0,240,255,0.45); /** Только terminal/Vault */
  --gjx-border-width-0: 0;
  --gjx-border-width-default: 1px;
  --gjx-border-width-thick: 2px; /** Wordmark divider, gold-border buttons */
  --gjx-border-width-heavy: 4px; /** Active sidebar item, focus ring */
  --gjx-z-index-base: 0;
  --gjx-z-index-dropdown: 10;
  --gjx-z-index-sticky: 20;
  --gjx-z-index-header: 30;
  --gjx-z-index-modal-bg: 40;
  --gjx-z-index-modal: 50;
  --gjx-z-index-toast: 60;
  --gjx-z-index-terminal: 70; /** Terminal Overlay при первом входе .ai */
  --gjx-duration-instant: 0ms;
  --gjx-duration-fast: 150ms; /** Hover, button press */
  --gjx-duration-normal: 250ms; /** Default transition */
  --gjx-duration-slow: 400ms; /** Modal fade-in/out */
  --gjx-duration-scramble: 80ms; /** Per-character scramble text effect */
  --gjx-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --gjx-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --gjx-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --gjx-easing-linear: linear;
  --gjx-breakpoint-sm: 640px;
  --gjx-breakpoint-md: 768px;
  --gjx-breakpoint-lg: 1024px;
  --gjx-breakpoint-xl: 1280px;
  --gjx-breakpoint-2xl: 1536px;
  --gjx-ratio-60-30-10-background-percent: 60; /** Background Black занимает ~60% поверхности экрана */
  --gjx-ratio-60-30-10-text-percent: 30; /** White/Grey текст и иконки ~30% */
  --gjx-ratio-60-30-10-accent-percent: 10; /** Amber акценты, CTA, заголовки H1 ~10% */
  --gjx-ratio-60-30-10-cyber-blue-max: 2; /** Cyber-Blue — максимум 2% поверхности (точечно: terminal/Vault) */
}