/* Design tokens compartidos (Comic Library) */
:root {
    --bg: #07080f;
    --bg-soft: #0f1220;
    --card: #14182a;
    --card-2: #1a1f35;
    --text: #f1f5ff;
    --sub: #a4afcb;
    --sub-strong: #c0c9e2;
    --line: #2b3557;
    --accent: #8b5cf6;
    --accent-2: #6366f1;
    --shadow: rgba(3, 5, 14, 0.58);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-md: 14px;
    --premium-radius-lg: 20px;
    --premium-radius-md: 14px;
    --premium-glow: rgba(139, 92, 246, 0.42);
    --premium-border: rgba(139, 92, 246, 0.28);
    --premium-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
[data-theme="light"] {
    --bg: #eef1ff;
    --bg-soft: #ffffff;
    --card: #ffffff;
    --card-2: #f5f2ff;
    --text: #10172c;
    --sub: #33405f;
    --sub-strong: #1f2a44;
    --line: #bcc5de;
    --shadow: rgba(16, 23, 44, 0.12);
}