/* ==========================================================
   LeeLaDee Design System v1.1
   Variables
   ========================================================== */

:root {
    /* Brand */
    --ld-brand: #FFD700;
    --ld-brand-dark: #DCC439;
    --ld-brand-hover: #FFF08A;

    /* Background */
    --ld-bg: #000000;
    --ld-surface: #151515;
    --ld-loop: #222222;
    --ld-card: #2B2B2B;
    --ld-card-hover: #323232;

    /* Text */
    --ld-title: #FFFFFF;
    --ld-heading: #DCC439;
    --ld-text: #D4D4D4;
    --ld-meta: #9A9A9A;
    --ld-muted: #8D8D8D;

    /* Accent */
    --ld-red: #FF5A6E;
    --ld-red-hover: #FF7E90;

    /* Border / Radius / Shadow */
    --ld-border: rgba(255,255,255,.08);
    --ld-border-strong: rgba(255,255,255,.14);
    --ld-radius: 10px;
    --ld-shadow: 0 3px 12px rgba(0,0,0,.28);
    --ld-shadow-hover: 0 10px 24px rgba(0,0,0,.45);

    /* Layout */
    --ld-container: 1160px;
    --ld-gap: 20px;
    --ld-gap-sm: 12px;
}