/* ===============================================
   EXECUTIVE ACCOUNTING THEME
   =============================================== */

:root {

    /* Brand */
    --bs-primary: #1F3A5F;
    --bs-secondary: #B8963E;

    /* Status */
    --bs-success: #2F6B3A;
    --bs-warning: #C97A12;
    --bs-danger: #A12A2A;
    --bs-info: #4B6A94;

    /* Layout */
    --portal-bg: #F7F8FA;
    --portal-surface: #FFFFFF;
    --portal-ledger-row: #F1F3F6;
    --portal-border: #D6DAE1;

    /* Text */
    --portal-text-primary: #1A1F26;
    --portal-text-secondary: #5C6673;
}

/* ---------- GLOBAL ---------- */

body {
    background-color: var(--portal-bg);
    color: var(--portal-text-primary);
}

/* Cards */

.card {
    background-color: var(--portal-surface);
    border: 1px solid var(--portal-border);
    border-radius: 8px;
}

/* Ledger Tables */

.table {
    background-color: var(--portal-surface);
}

.table thead {
    background-color: var(--bs-primary);
    color: white;
    font-weight: 600;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: var(--portal-ledger-row);
}

/* Buttons */

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: white;
}

/* Totals / Summary Highlight */

.account-total {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bs-secondary);
}

/* ===============================================
   EXECUTIVE ACCOUNTING THEME
   =============================================== */

/* Root variables */
:root {
   ...
}

/* Global styling */
body {
   ...
}

/* Cards */
.card {
   ...
}

/* Tables */
.table {
   ...
}

/* Buttons */
.btn-primary {
   ...
}

/* ===============================================
   ACCOUNT STATUS SYSTEM  ← ADD IT HERE
   =============================================== */

.amount-positive {
    color: #2F6B3A;
    font-weight: 600;
}

.amount-negative {
    color: #A12A2A;
    font-weight: 600;
}

.amount-warning {
    color: #C97A12;
    font-weight: 600;
}

.amount-total {
    color: #B8963E;
    font-weight: 700;
}