:root {
    --orange-50: #fff7ed;
    --orange-60: #f9f7f2;
    --orange-70: #fdbc86;
    --orange-100: #ffedd5;
    --orange-200: #fed7aa;
    --orange-300: #fcb76d;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-700: #c2410c;
    --orange-800: #9a3412;
    --orange-900: #7c2d12;
    --salmao-100: #e49b7c;
    --green-500: #00b09b;
    --green-600: #008f7a;
    --red-500: #ff0000;
    --white: #F9F6F2;
    --gray-100: #f3f4f6;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-800: #1f2937;

    /* ZINC */
    --zinc-800: #121212;


    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* ABSOLUTE DARK THEME (Fix) */
    --bg-primary: #000000;
    --bg-card: #121212;
    --bg-header: #000000;
    --bg-bubble: #1E1E1E;
    --bg-popup: #1E1E1E;
    --bg-overlay: rgba(0, 0, 0, 0.6);
    --bg-modal-content: #121212;

    --text-primary: #F3F4F6;
    --text-secondary: #FFFFFF;
    --text-muted: #9CA3AF;
    --text-on-overlay: #FFFFFF;

    --border-color: #2D2D2D;
    --border-subtle: rgba(255, 255, 255, 0.1);

    --tab-bg: #1A1A1A;
    --tab-active-bg: #442B1F;
    --post-stats-bg: rgba(0, 0, 0, 0.5);
    --cookie-bg: #1A1A1A;
    --preco-original-color: rgba(255, 255, 255, 0.6);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Inter", -apple-system, sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Utilities */
.p-0 {
    padding: 0 !important;
}

.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.mt-neg-50 {
    margin-top: -50px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.m-0 {
    margin: 0 !important;
}

.relative {
    position: relative !important;
}

.z-10 {
    z-index: 10 !important;
}

.z-max {
    z-index: 1000 !important;
}

.w-100 {
    width: 100% !important;
}

.w-full {
    width: 100% !important;
}

.h-full {
    height: 100% !important;
}

.aspect-square {
    aspect-ratio: 1 / 1 !important;
}

.text-center {
    text-align: center !important;
}

.font-bold {
    font-weight: 700 !important;
}

.text-lg {
    font-size: 20px !important;
}

.line-height-base {
    line-height: 1.4 !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.rounded-lg {
    border-radius: var(--radius-lg) !important;
}

.rounded-full {
    border-radius: var(--radius-full) !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.flex {
    display: flex !important;
}

.hidden {
    display: none !important;
}