:root {
    --font-ui: "Century Gothic", "Avenir Next", Avenir, "Segoe UI", sans-serif;
    --font-title: "Cormorant Garamond", Georgia, serif;
    --color-bg: #f1ede5;
    --color-paper: #fffaf2;
    --color-panel: rgba(255, 251, 244, 0.96);
    --color-sidebar: #fffaf2;
    --color-nav-active: #e7ded3;
    --color-nav-active-text: #6f584f;
    --color-project-active: #e7ded3;
    --color-project-active-text: #6f584f;
    --color-link-hover: #6F584F;
    --color-tab-inactive: #FAF6F0;
    --color-tab-inactive-text: #292B29;
    --color-table-header: #E7DED3;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #211F1C;
    --color-dark-surface-alt: #302824;
    --color-overlay: #1B1816;
    --color-text: #292b29;
    --color-muted: #6d726e;
    --color-line: #d1c8bb;
    --color-primary: #947b70;
    --color-primary-dark: #6f584f;
    --color-accent: #cdb5aa;
    --color-brand-avatar: #cdb5aa;
    --color-sage: #bdc8ba;
    --color-blue: #bdcbd1;
    --color-warning: #b87e5d;
    --color-danger: #a95852;
    --shadow-soft: 0 10px 30px rgba(67, 56, 48, 0.11);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --sidebar-width: 248px;
}

/* V021 — Thèmes mémorisés par utilisateur */
:root,
html[data-theme="beige"] {
    --color-bg: #f1ede5;
    --color-paper: #fffaf2;
    --color-panel: rgba(255, 251, 244, 0.96);
    --color-sidebar: #fffaf2;
    --color-nav-active: #e7ded3;
    --color-nav-active-text: #6f584f;
    --color-project-active: #e7ded3;
    --color-project-active-text: #6f584f;
    --color-link-hover: #6F584F;
    --color-tab-inactive: #FAF6F0;
    --color-tab-inactive-text: #292B29;
    --color-table-header: #E7DED3;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #211F1C;
    --color-dark-surface-alt: #302824;
    --color-overlay: #1B1816;
    --color-text: #292b29;
    --color-muted: #6d726e;
    --color-line: #d1c8bb;
    --color-primary: #947b70;
    --color-primary-dark: #6f584f;
    --color-accent: #cdb5aa;
    --color-brand-avatar: #cdb5aa;
    --color-sage: #bdc8ba;
    --color-blue: #bdcbd1;
    --color-warning: #b87e5d;
    --color-danger: #a95852;
    --color-layer-strong: #e7ded3;
    --color-layer-medium: #f0e9e1;
    --color-layer-light: #faf6f0;
    --shadow-soft: 0 10px 30px rgba(67, 56, 48, 0.11);
}

html[data-theme="lagoon"] {
    --color-bg: #E1EEEF;
    --color-paper: #FFFFFF;
    --color-panel: #FFFFFF;
    --color-sidebar: #FFFFFF;
    --color-nav-active: #BFDCDE;
    --color-nav-active-text: #244447;
    --color-project-active: #9DCACD;
    --color-project-active-text: #244447;
    --color-link-hover: #47868A;
    --color-tab-inactive: #FFFFFF;
    --color-tab-inactive-text: #244447;
    --color-table-header: #BFDCDE;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #132425;
    --color-dark-surface-alt: #244447;
    --color-overlay: #020303;
    --color-text: #244447;
    --color-muted: #366568;
    --color-line: #9DCACD;
    --color-primary: #5AA5AA;
    --color-primary-dark: #47868A;
    --color-accent: #5A7DAA;
    --color-brand-avatar: #5AA5AA;
    --color-sage: #5AAA87;
    --color-blue: #5A7DAA;
    --color-warning: #AA5F5A;
    --color-danger: #AA5F5A;
    --color-layer-strong: #BFDCDE;
    --color-layer-medium: #E1EEEF;
    --color-layer-light: #FFFFFF;
    --shadow-soft: 0 10px 30px rgba(36, 68, 71, 0.12);
}

html[data-theme="teal"] {
    --color-bg: #eaf1ef;
    --color-paper: #f8fcfb;
    --color-panel: rgba(248, 252, 251, 0.96);
    --color-sidebar: #F8FCFB;
    --color-nav-active: #D2E3E1;
    --color-nav-active-text: #245F61;
    --color-project-active: #D2E3E1;
    --color-project-active-text: #245F61;
    --color-link-hover: #245F61;
    --color-tab-inactive: #F3F9F8;
    --color-tab-inactive-text: #243334;
    --color-table-header: #D2E3E1;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #182D2E;
    --color-dark-surface-alt: #243E3F;
    --color-overlay: #102223;
    --color-text: #243334;
    --color-muted: #607274;
    --color-line: #bfd0cf;
    --color-primary: #3d8585;
    --color-primary-dark: #245f61;
    --color-accent: #8fc7c5;
    --color-brand-avatar: #3d8585;
    --color-sage: #b9d3ca;
    --color-blue: #b8d2dc;
    --color-warning: #ba815f;
    --color-danger: #a95353;
    --color-layer-strong: #d2e3e1;
    --color-layer-medium: #e2efed;
    --color-layer-light: #f3f9f8;
    --shadow-soft: 0 10px 30px rgba(34, 83, 84, 0.12);
}

html[data-theme="mint"] {
    --color-bg: #edf4ed;
    --color-paper: #f9fcf8;
    --color-panel: rgba(249, 252, 248, 0.96);
    --color-sidebar: #F9FCF8;
    --color-nav-active: #DBE9DD;
    --color-nav-active-text: #46694D;
    --color-project-active: #DBE9DD;
    --color-project-active-text: #46694D;
    --color-link-hover: #46694D;
    --color-tab-inactive: #F5FAF5;
    --color-tab-inactive-text: #29352C;
    --color-table-header: #DBE9DD;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #1E3022;
    --color-dark-surface-alt: #2D4933;
    --color-overlay: #142218;
    --color-text: #29352c;
    --color-muted: #657268;
    --color-line: #c5d4c7;
    --color-primary: #79a884;
    --color-primary-dark: #46694d;
    --color-accent: #adebb3;
    --color-brand-avatar: #79a884;
    --color-sage: #bfd8c4;
    --color-blue: #c5d9d6;
    --color-warning: #b98664;
    --color-danger: #a85b55;
    --color-layer-strong: #dbe9dd;
    --color-layer-medium: #e7f1e8;
    --color-layer-light: #f5faf5;
    --shadow-soft: 0 10px 30px rgba(51, 92, 59, 0.11);
}

html[data-theme="pastel"] {
    --color-bg: #f1eef2;
    --color-paper: #fdf9fc;
    --color-panel: rgba(253, 249, 252, 0.96);
    --color-sidebar: #FDF9FC;
    --color-nav-active: #E4DCE6;
    --color-nav-active-text: #665366;
    --color-project-active: #E4DCE6;
    --color-project-active-text: #665366;
    --color-link-hover: #665366;
    --color-tab-inactive: #FAF6FA;
    --color-tab-inactive-text: #332F35;
    --color-table-header: #E4DCE6;
    --color-on-primary: #FFFFFF;
    --color-dark-surface: #28222A;
    --color-dark-surface-alt: #3C3240;
    --color-overlay: #1C171E;
    --color-text: #332f35;
    --color-muted: #716a74;
    --color-line: #d4c9d4;
    --color-primary: #a98496;
    --color-primary-dark: #665366;
    --color-accent: #d9b9c8;
    --color-brand-avatar: #a98496;
    --color-sage: #c5d5c7;
    --color-blue: #c4d2df;
    --color-warning: #c18c69;
    --color-danger: #a85a61;
    --color-layer-strong: #e4dce6;
    --color-layer-medium: #eee8f0;
    --color-layer-light: #faf6fa;
    --shadow-soft: 0 10px 30px rgba(77, 59, 78, 0.11);
}