:root {

    --font-display: 'Bebas Neue', Impact, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'Space Mono', 'Courier New', monospace;

    --bg: #050505;
    --bg-alt: #0a0a0a;
    --bg-card: #0f0f0f;
    --bg-input: #111111;
    --text: #e5e5e5;
    --text-dim: #555;
    --text-dark: #2a2a2a;
    --text-muted: #888888;
    --accent: #ff4422;
    --accent-dim: rgba(255, 68, 34, 0.3);
    --accent-hover: #ff6644;
    --border: #1a1a1a;
    --border-light: #2a2a2a;

    --ghost-stroke: rgba(255, 255, 255, 0.08);

    --success: #4ade80;
    --success-bg: rgba(74, 222, 128, 0.1);
    --warning: #fbbf24;
    --warning-bg: rgba(251, 191, 36, 0.1);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.1);
    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.1);

    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    --content-max: 100vw;
    --sidebar-width: 60px;
    --main-padding-left: 7rem;
    --main-padding-right: 6rem;

    --cap-hero-image: 520px;
    --cap-featured-image: 560px;
    --cap-card-image: 240px;

    --tou-max: 880px;

    --shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --transition: all 0.3s var(--ease);
}

[data-theme="light"] {
    --bg: #f5f5f0;
    --bg-alt: #eaeae5;
    --bg-card: #ffffff;
    --bg-input: #fafafa;
    --text: #1a1a1a;
    --text-dim: #666;
    --text-dark: #bbb;
    --text-muted: #999999;
    --border: #dddddd;
    --border-light: #cccccc;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

    --ghost-stroke: rgba(0, 0, 0, 0.15);
}