:root {
    /* ===== PRIMARY  ===== */
    --color-primary: #674e34;
    --color-primary-hover: #5a432d;
    --color-primary-light: #8a6f52;
    --color-primary-extra-light: #f3efe9;
    --color-bg-white: #ffffff;
    /* ===== SECONDARY  ===== */
    --color-secondary: #DAA95D;
    /* ===== BACKGROUND ===== */
    --color-primary-hover: #674e34;
    --color-bg-white: #FFFFFF;
    --color-bg: #f8f6f3;
    --color-icon-hover: #674e34;
    --color-bg-table-row-hover: #F3F4F6;
    /* ===== TEXT ===== */
    --color-text: #2b2116;
    --color-text-muted: #7a6a58;
    --color-text-on-primary: #ffffff;
    --color-text-input: #0A0A0A;
    --color-text-primary: #0A0A0A;
    --color-text-secondary: #3F3F3F;
    --color-text-placeholder: #9CA3AF;
    /* ===== BORDER ===== */
    --color-border: #e2d8cc;
    --color-border-default: #D1D5DB;
    --color-border-strong: #cbbba7;
    /* ===== STATUS COLORS ===== */
    --color-success: #2e7d32;
    --color-danger: #c62828;
    --color-warning: #ed6c02;
    --color-info: #0277bd;
    --color-focus-ring: #674e34;
    /* ===== SHADOW (THEME TINTED) ===== */
    --shadow-primary-soft: 0 4px 20px rgba(103, 78, 52, 0.15);
    --color-shadow-input: rgba(0, 0, 0, 0.03);
    --color-shadow-card: rgba(0, 0, 0, 0.08);
    --color-bg-table-header: #F9FAFB;
    --color-bg-table-row-hover: #F3F4F6;
    --color-status-success-bg: #FDF2F3;
    --color-status-success-text: #991B1B;
    --color-status-warning-bg: #FFFBEB;
    --color-status-warning-text: #B45309;
    --color-status-danger-bg: #FEF2F2;
    --color-status-danger-text: #B91C1C;
    --color-icon-default: #3F3F3F;
    --color-icon-hover: #674e34;
    --color-shadow-soft: rgba(0, 0, 0, 0.06);
}