:root {
    --primary-color: #2c1505;
    --secondary-color: #422504;
    --accent-color: #ffb000;
    --soft-accent: #ffcc59;
    --primary-color-rgb: 44, 21, 5;
    --secondary-color-rgb: 66, 37, 4;
    --accent-color-rgb: 255, 176, 0;
    --soft-accent-rgb: 255, 204, 89;
    --page-bg: #fffdf8;
    --sidebar-bg: #ffffff;
    --sidebar-text: var(--primary-color);
    --sidebar-muted: rgba(var(--secondary-color-rgb), 0.68);
    --sidebar-hover-bg: #fff7df;
    --sidebar-active-bg: var(--accent-color);
    --sidebar-active-text: var(--primary-color);
    --navbar-bg: #ffffff;
    --navbar-text: var(--primary-color);
    --footer-bg: #ffffff;
    --footer-text: var(--primary-color);
    --card-bg: #ffffff;
    --card-header: #fff8e8;
    --table-header: #fff8e8;
    --table-header-text: var(--primary-color);
    --table-hover: #fffdf7;
    --link-color: var(--accent-color);
    --border-color: rgba(var(--secondary-color-rgb), 0.1);
    --control-bg: #ffffff;
    --control-hover-bg: #fff7df;
    --primary: var(--accent-color);
    --primary-hover: var(--soft-accent);
    --secondary: var(--secondary-color);
    --brand-primary-600: #e39b00;
    --brand-primary-200: var(--soft-accent);
    --brand-primary-100: #ffe4a3;
    --brand-primary-50: #fff7df;
    --brand-soft: #fff6e1;
    --brand-ink: var(--primary-color);
    --brand-muted: #73573a;
}

.mantra-display-card::before {
    color: rgba(var(--accent-color-rgb), 0.1) !important;
}