:root {

    /* 1. Couleur de marque */
    --brand-rgb: 180 135 55;

    /* 2. Navbar */
    --nav-bg: #f4ecdf;
    --nav-text: #5d4d36;

    /* 3. Sidebar */
    --side-bg: #f8f2e8;
    --side-text: #5d4d36;

    /* 4. Dropdowns */
    --panel-bg: #fffdf8;
    --panel-text: #5d4d36;
    --panel-title: #3f3424;

    /* 5. Détails */
    --line-dark: #e8dfd1;
    --line-light: #ddd3c4;
    --muted: #8b7c68;

    --radius: 18px;
    --radius-sm: 12px;

    /* 6. Tables */
    --row-padding-y: .55rem;

    --badge-success-rgb: 95 143 82;
    --badge-warning-rgb: 200 154 43;
    --badge-danger-rgb: 169 84 76;
    --badge-info-rgb: var(--brand-rgb);

    --badge-radius: 999px;
    --badge-padding: .35em .75em;
    --badge-text-style: uppercase;

    /* 7. Cards */
    --card-bg: #fffdf8;
    --card-border: #e8dfd1;
    --card-radius: 20px;
    --card-shadow: 0 8px 24px rgb(90 70 40 / .06);

    --card-header-bg: #f6efe3;
    --card-header-border: #ece3d4;
    --card-header-text: #463a28;

    --card-footer-bg: #f6efe3;
    --card-footer-border: #ece3d4;

    /* 8. Forms */
    --form-max-width: 860px;

    --form-label-color: #5f503b;
    --form-label-size: .85rem;
    --form-label-weight: 600;

    --form-input-bg: #ffffff;
    --form-input-text: #463a28;
    --form-input-placeholder: #9b8d78;
    --form-input-border: #d8cfbf;
    --form-input-radius: var(--radius-sm);
    --form-input-height: 42px;
    --form-input-padding-x: .85rem;

    --form-focus-border: rgb(var(--brand-rgb));
    --form-focus-shadow: 0 0 0 3px rgb(var(--brand-rgb) / .16);

    --form-help-color: var(--muted);

    --color-picker-size: 52px;
    --color-picker-radius: var(--form-input-radius);

    /* 9. Layout global */
    --body-bg: #f7f3ec;
    --content-padding: 1.5rem;
    --page-card-radius: 20px;

    /* 10. Typographie */
    --font-family-base: "Inter", "Segoe UI", Arial, sans-serif;
    --font-base-size: 14px;
    --font-base-color: #4f4333;

    --title-size: 1.15rem;
    --title-weight: 700;

    --nav-font-size: .92rem;
    --side-font-size: .92rem;
    --side-header-size: .72rem;

    --card-title-size: 1rem;
    --card-body-size: .95rem;

    --table-head-size: .72rem;
    --table-body-size: .9rem;

    --btn-font-size: .9rem;
    --btn-height: 42px;
    --btn-radius: 10px;

    /* 11. Small boxes */
    --smallbox-radius: 22px;
    --smallbox-shadow: 0 10px 28px rgb(90 70 40 / .10);

    --smallbox-title-size: 2rem;
    --smallbox-title-weight: 700;

    --smallbox-text-size: .95rem;

    --smallbox-icon-size: 72px;
    --smallbox-icon-opacity: .10;

    --smallbox-footer-bg: rgb(255 255 255 / .16);

    --smallbox-info-bg:
        linear-gradient(
            135deg,
            #d6b36a,
            #b48838
        );

    --smallbox-success-bg:
        linear-gradient(
            135deg,
            #8bb174,
            #5f8f52
        );

    --smallbox-warning-bg:
        linear-gradient(
            135deg,
            #e7c56a,
            #c89a2b
        );

    --smallbox-danger-bg:
        linear-gradient(
            135deg,
            #c87a72,
            #a9544c
        );
}