:root {
    /* ===== PRIMARY  ===== */
    --color-primary: #674e34;
    --color-primary-hover: #5a432d;
    --color-primary-light: #8a6f52;
    --color-primary-extra-light: #f3efe9;
    /* #781: referenced by App.css button rules but previously undefined (rules were dead) */
    --color-primary-disabled: #b3a48f;
    --color-border-hover: #cbbba7;
    --color-shadow-button: rgba(103, 78, 52, 0.25);
    --color-bg-white: #ffffff;
    /* ===== SECONDARY  ===== */
    --color-secondary: #DAA95D;
    --color-secondary-pale: #DAA95D22;
    /* ===== 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;
    /* ===== SHADE EXTENSION (#781 — same two hues, more steps) ===== */
    --color-primary-deep: #4a3826;      /* pressed / active primary surfaces   */
    --color-primary-soft: #efe7dc;       /* indicator pills, hover backgrounds  */
    --color-secondary-soft: #f6ead2;     /* gold-tinted callout backgrounds     */
    --color-text-faint: #a89a87;         /* inactive nav icons/labels (warm)    */
    /* ===== SHADOW (THEME TINTED) ===== */
    --shadow-primary-soft: 0 4px 20px rgba(103, 78, 52, 0.15);
    --shadow-card: 0 1px 3px rgba(103, 78, 52, 0.10), 0 4px 14px rgba(103, 78, 52, 0.08);
    --shadow-card-hover: 0 4px 10px rgba(103, 78, 52, 0.14), 0 10px 28px rgba(103, 78, 52, 0.12);
    --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);
}