:root {
    --bg: #1A0510;
    --bg-elevated: #22071A;
    --bg-featured: linear-gradient(160deg, #340F28, #22071A);
    --rose: #FF3D77;
    --coral: #FF7A5C;
    --purple: #B93DFF;
    --line: #341022;
    --line-strong: #4A1830;
    --glass: rgba(255, 255, 255, 0.06);
    --glass-strong: rgba(255, 255, 255, 0.12);
    --glass-panel: rgba(26, 5, 16, 0.70);
    --glass-border: rgba(255, 255, 255, 0.10);

    --text: #ffffff;
    --text-muted: #D8AFC0;
    --text-soft: #F0C9D6;
    --text-dim: #9C7686;
    --text-tag: #FFC9DA;

    --gradient-brand: linear-gradient(90deg, var(--rose), var(--coral));
    --gradient-brand-135: linear-gradient(135deg, var(--rose), var(--coral));
    --gradient-purple: linear-gradient(90deg, var(--purple), var(--rose));

    --success: #3DDC97;
    --success-bg: rgba(61, 220, 151, 0.12);
    --warning: #FFB23D;
    --warning-bg: rgba(255, 178, 61, 0.12);
    --danger: #FF4F5E;
    --danger-bg: rgba(255, 79, 94, 0.12);
    --info: #5CB8FF;
    --info-bg: rgba(92, 184, 255, 0.12);

    --font-display: 'Unbounded', 'Trebuchet MS', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --radius-sm: 8px;
    --radius: 12px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-pill: 26px;

    --shadow-brand: 0 4px 20px rgba(255, 61, 119, 0.3);
    --shadow-brand-hover: 0 6px 28px rgba(255, 61, 119, 0.45);
    --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.35);

    --container: 1140px;
    --gutter: 30px;
    --header-height: 72px;

    --ease: cubic-bezier(.4, 0, .2, 1);
    --transition: .3s var(--ease);
}