/* =============================================
   Lorecast Design System — Unified Tokens
   Void Chronicles Theme

   Single source of truth for all colors,
   spacing, typography, shadows, and radii.
   ============================================= */

:root {
    /* ── Backgrounds ── */
    --lc-bg-deep: #06040F;
    --lc-bg: #0F0820;
    --lc-panel: #130A25;
    --lc-panel-2: #1A0E35;
    --lc-panel-alpha: rgba(19, 10, 37, 0.75);
    --lc-panel-alpha-2: rgba(26, 14, 53, 0.6);

    /* ── Brand — Purple ── */
    --lc-primary: #A855F7;
    --lc-primary-hover: #9333EA;
    --lc-primary-deep: #7C3AED;
    --lc-primary-deeper: #6D28D9;
    --lc-primary-soft: #D8B4FE;
    --lc-primary-muted: #A78BFA;

    /* ── Accent — Amber/Gold ── */
    --lc-accent: #F59E0B;
    --lc-accent-soft: #FCD34D;
    --lc-accent-glow: #D97706;

    /* ── Secondary — Blue ── */
    --lc-blue: #60A5FA;
    --lc-blue-deep: #3B82F6;

    /* ── Text ── */
    --lc-text: #F5F3FF;
    --lc-text-secondary: #C4B5FD;
    --lc-text-muted: #7C6FA0;
    --lc-text-dim: #64748B;

    /* ── Borders ── */
    --lc-border: #2D1F4E;
    --lc-border-soft: rgba(45, 31, 78, 0.9);
    --lc-border-subtle: rgba(45, 31, 78, 0.4);
    --lc-divider: #1E1438;

    /* ── Status ── */
    --lc-success: #22C55E;
    --lc-success-soft: #4ADE80;
    --lc-warning: #FBBF24;
    --lc-danger: #EF4444;
    --lc-danger-soft: #F87171;
    --lc-info: #38BDF8;

    /* ── Shadows ── */
    --lc-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
    --lc-shadow-soft: 0 8px 25px rgba(0, 0, 0, 0.40);
    --lc-shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.3);
    --lc-shadow-glow-primary: 0 6px 20px rgba(168, 85, 247, 0.35);
    --lc-shadow-glow-accent: 0 6px 20px rgba(245, 158, 11, 0.25);
    --lc-shadow-glow-blue: 0 6px 20px rgba(59, 130, 246, 0.35);

    /* ── Radius ── */
    --lc-radius: 16px;
    --lc-radius-md: 12px;
    --lc-radius-sm: 10px;
    --lc-radius-xs: 8px;
    --lc-radius-pill: 50px;

    /* ── Blur ── */
    --lc-blur: blur(12px);
    --lc-blur-heavy: blur(20px);

    /* ── Typography ── */
    --lc-font-display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    --lc-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --lc-font-mono: "Fira Code", "Consolas", "Monaco", monospace;

    /* ── Font Sizes ── */
    --lc-text-xs: 0.7rem;
    --lc-text-sm: 0.82rem;
    --lc-text-base: 0.9rem;
    --lc-text-md: 1rem;
    --lc-text-lg: 1.15rem;
    --lc-text-xl: 1.5rem;
    --lc-text-2xl: 2rem;

    /* ── Spacing (4px base) ── */
    --lc-space-1: 0.25rem;   /* 4px */
    --lc-space-2: 0.5rem;    /* 8px */
    --lc-space-3: 0.75rem;   /* 12px */
    --lc-space-4: 1rem;      /* 16px */
    --lc-space-5: 1.25rem;   /* 20px */
    --lc-space-6: 1.5rem;    /* 24px */
    --lc-space-8: 2rem;      /* 32px */
    --lc-space-10: 2.5rem;   /* 40px */
    --lc-space-12: 3rem;     /* 48px */

    /* ── Transitions ── */
    --lc-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --lc-duration: 0.25s;
    --lc-duration-fast: 0.15s;
    --lc-duration-slow: 0.4s;

    /* ── Z-Index Scale ── */
    --lc-z-base: 1;
    --lc-z-dropdown: 200;
    --lc-z-header: 100;
    --lc-z-modal: 500;
    --lc-z-toast: 10000;

    /* ── Page Background Gradient ── */
    --lc-page-bg: linear-gradient(180deg, var(--lc-bg-deep) 0%, var(--lc-bg) 30%, var(--lc-panel-2) 100%);
}