:root {

    /* Backgrounds */
    --bg-primary: #0077f1;
    --bg-secondary: #00324e;
    --bg-base: #f3f4f6;
    --bg-hover: #0e6697;

    /* Navigation */
    --nav-pill: rgba(0, 0, 0, 0.70);

    /* Borders */
    --border-primary: #c7e3f7;
    --border-secondary: #c7e3f7;

    /* Brand */
    --brand-primary: #c7e3f7;
    --brand-primary-dark: #c7e3f7;

    /* Text */
    --text-primary: #ffffff;
    --text-secondary: #fffffffc;
    --text-muted: #d9e4f7;

    /* Status */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
}

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