/* === Дизайн-токены Gobrot === */
:root {
    /* --- Цветовая палитра --- */
    --color-bg-primary: #0D0D12;
    --color-bg-secondary: #15151E;
    --color-bg-card: #1A1A2E;
    --color-bg-card-hover: #22223A;
    --color-bg-overlay: rgba(13, 13, 18, 0.85);

    /* Акценты */
    --color-accent-gold: #C9A84C;
    --color-accent-gold-dim: #9A7D3A;
    --color-accent-copper: #B87333;
    --color-accent-purple: #6C3FA0;
    --color-accent-blue: #2E4A8E;
    --color-accent-teal: #2BBAA0;

    /* Текст */
    --color-text-primary: #E8E6E3;
    --color-text-secondary: #8A8A9A;
    --color-text-muted: #55556A;

    /* Свечения */
    --color-glow-chaos: #9B59B6;
    --color-glow-order: #3498DB;
    --color-glow-gold: rgba(201, 168, 76, 0.4);
    --color-glow-purple: rgba(108, 63, 160, 0.3);

    /* Семантика */
    --color-danger: #E74C3C;
    --color-success: #27AE60;
    --color-warning: #F39C12;

    /* Статусы книг */
    --color-status-complete: #27AE60;
    --color-status-in-progress: #F39C12;
    --color-status-upcoming: #8A8A9A;

    /* --- Типографика --- */
    --font-accent: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;

    --font-size-hero: clamp(2.5rem, 5vw, 4.5rem);
    --font-size-h1: clamp(2rem, 4vw, 3rem);
    --font-size-h2: clamp(1.5rem, 3vw, 2rem);
    --font-size-h3: clamp(1.2rem, 2vw, 1.5rem);
    --font-size-body: clamp(0.95rem, 1.2vw, 1.1rem);
    --font-size-small: clamp(0.8rem, 1vw, 0.9rem);
    --font-size-caption: 0.75rem;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    --line-height-tight: 1.2;
    --line-height-normal: 1.6;
    --line-height-loose: 1.8;

    /* --- Пространство --- */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    --spacing-section: clamp(4rem, 8vw, 8rem);

    /* --- Радиусы --- */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-card: 12px;
    --radius-lg: 16px;
    --radius-button: 8px;
    --radius-round: 50%;

    /* --- Тени --- */
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 20px var(--color-glow-gold);
    --shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.4);

    /* --- Переходы --- */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;
    --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* --- Границы --- */
    --border-subtle: 1px solid rgba(255, 255, 255, 0.06);
    --border-card: 1px solid rgba(255, 255, 255, 0.08);
    --border-accent: 1px solid var(--color-accent-gold-dim);

    /* --- Z-индексы --- */
    --z-bg: -1;
    --z-base: 1;
    --z-card: 10;
    --z-header: 100;
    --z-overlay: 500;
    --z-modal: 1000;

    /* --- Размеры контейнера --- */
    --container-max: 1200px;
    --container-padding: clamp(1rem, 4vw, 2rem);

    /* --- Header --- */
    --header-height: 72px;
}