/* GENERATED FILE — DO NOT EDIT.
 * Source: static/design/tokens.json
 * Generator: scripts/build_css_tokens.py
 * Tokens version: 1.0.0
 */

:root {
    --bg-void: #0a0a16;
    --bg-deep: #0e0e1a;
    --bg-card: #141424;
    --bg-card-hover: #1a1a30;
    --bg-surface: #161626;
    --border: #242440;
    --border-glow: #32325a;
    --text-primary: #eeebe6;
    --text-secondary: #a8a298;
    --text-muted: #8a87a2;
    --text-url: #6e6e78;
    --accent: #d4c08e;
    --accent-glow: #f0dca8;
    --accent-dim: #8a7a52;
    --gold: #d4c08e;
    --gold-dark: #8a7a52;
    --star: #e0b45a;
    --tag-bg: #161628;
    --tag-text: #9a9088;
    --success: #4a7a5a;
    --danger: #7a4a4a;
    --aurora-teal: #58c0b0;
    --aurora-violet: #8878b8;
    --font-serif: 'Crimson Pro', 'Georgia', serif;
    --font-sans: 'Manrope', -apple-system, sans-serif;
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}

/* CTA badges — generowane z tokens.json badges */
.badge-horoscope {
    background: #d4c08e;
    color: #0a0a16;
    border: 2px solid #8a7a52;
    padding: 22px 44px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.badge-lead-magnet {
    background: #5b8fd9;
    color: #ffffff;
    border: 1px solid #3a6db7;
    padding: 18px 36px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.badge-article {
    background: #9a9aa5;
    color: #0a0a16;
    padding: 16px 32px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.badge-controversy {
    background: #c0584a;
    color: #ffffff;
    border: 1px solid #8a3a30;
    transform: rotate(-2deg);
    padding: 18px 32px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.badge-video-clip {
    background: #3a6daf;
    color: #ffffff;
    border: 1px solid #1f4a80;
    padding: 18px 36px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}