/* ================================================
   SexDark.com — Design Tokens / CSS Variables
   Extraído do layout HTML de referência
   ================================================ */

:root {
    /* === DARK MODE (Padrão) === */
    --bg-body: #000000;
    --bg-main: #161620;
    --bg-feed: #0a0a0a;
    --bg-input: #1a1a24;
    --bg-card: #1c1c1c;

    --text-primary: #ffffff;
    --text-secondary: #71767b;
    --text-muted: #536471;

    --border-color: #2f3336;
    --border-dashed: #3a3f44;
    --hover-bg: rgba(255, 255, 255, 0.05);
    --accent-color: #ffffff;

    /* === Cores Específicas === */
    --btn-green: #1cb561;
    --btn-green-bright: #25d366;
    --btn-pink: #e91e63;
    --btn-pink-hover: #c2185b;
    --btn-danger: #e74c3c;

    /* === Badges Mobile === */
    --m-badge-bg-grey: #1a1a1a;
    --m-badge-bg-red: #2a1118;
    --m-badge-bg-olive: #29240f;

    /* === Badges Desktop === */
    --badge-bg-grey: #2f3336;
    --badge-bg-purple: #322233;
    --badge-text-purple: #e7e9ea;
    --badge-bg-orange: #3a2216;

    /* === Status === */
    --notification-red: #f91880;
    --online-green: #00ba7c;
    --heart-red: #ff0000;
    --like-yellow: #f1c40f;

    /* === Tipografia === */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-landing: 'Montserrat', 'Inter', sans-serif;

    /* === Espaçamentos === */
    --sidebar-left-width: 310px;
    --feed-center-width: 610px;
    --sidebar-right-width: 250px;
    --layout-total-width: 1170px;

    /* === Border Radius === */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 15px;
    --radius-pill: 30px;
    --radius-circle: 50%;

    /* === Transições === */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* === Z-Index Scale === */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal-backdrop: 900;
    --z-modal: 1000;
    --z-tooltip: 9999;
    --z-mobile-nav: 1000;
}

/* === LIGHT MODE === */
.light-mode {
    --bg-body: #f7f9f9;
    --bg-main: #ffffff;
    --bg-feed: #f4f7f9;
    --bg-input: #e8ecef;
    --bg-card: #f0f0f0;

    --text-primary: #0f1419;
    --text-secondary: #536471;
    --text-muted: #71767b;

    --border-color: #eff3f4;
    --border-dashed: #d1d9dd;
    --hover-bg: rgba(0, 0, 0, 0.05);
    --accent-color: #0f1419;

    --m-badge-bg-grey: #e1e8ed;
    --m-badge-bg-red: #fce8ee;
    --m-badge-bg-olive: #fcf8e3;

    --badge-bg-grey: #e1e8ed;
    --badge-bg-purple: #f3e8f9;
    --badge-text-purple: #1a1a2e;
    --badge-bg-orange: #fef3e2;
}