:root {

    /* Backgrounds */
    --bg-primary: #d98687;
    --bg-secondary: #520d0e;
    --bg-base: #fafafa;
    --bg-hover: #681214;

    /* Navigation */
    --nav-pill: rgba(130, 24, 26, 0.75);

    /* Borders */
    --border-primary: #d9b3b4;
    --border-secondary: #c98f91;

    /* Brand */
    --brand-primary: #fac2c2;
    --brand-primary-dark: #82181a;

    /* Text */
    --text-primary: #ffffff;
    --text-secondary: #f8fafc;
    --text-muted: #d6d3d1;

    /* Status */
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;
}

._active {
   background-color: var(--bg-secondary);
   color: var(--text-primary);
}