/*
 * Design tokens : fond blanc, notes de bordeaux. Toute couleur, taille ou police vient d'ici.
 * Les points de rupture ne peuvent pas être des variables ; ils sont repris en dur dans app.css :
 *   mobile : max-width 767px
 */
:root {
    --db-color-bg: #f7f5f4;
    --db-color-surface: #ffffff;
    --db-color-surface-alt: #faf6f6;
    --db-color-surface-hover: #f4ecee;
    --db-color-border: #e6dfe0;
    --db-color-border-strong: #cdbcc0;
    --db-color-text: #2a2224;
    --db-color-text-muted: #7a6c70;
    --db-color-text-inverse: #ffffff;

    --db-color-accent: #7b1e2e;
    --db-color-accent-strong: #5d1522;
    --db-color-accent-soft: rgba(123, 30, 46, 0.08);
    --db-color-accent-glow: rgba(123, 30, 46, 0.25);

    --db-color-success: #2e7d4f;
    --db-color-success-soft: rgba(46, 125, 79, 0.12);
    --db-color-warning: #b26a00;
    --db-color-warning-soft: rgba(178, 106, 0, 0.12);
    --db-color-info: #2a5d8f;
    --db-color-info-soft: rgba(42, 93, 143, 0.12);
    --db-color-danger: #b3261e;
    --db-color-danger-soft: rgba(179, 38, 30, 0.1);

    --db-gradient-header: linear-gradient(90deg, #5d1522 0%, #7b1e2e 60%, #8f2a3c 100%);

    --db-font-body: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
    --db-font-display: 'Playfair Display', Georgia, serif;
    --db-font-size-xs: 0.75rem;
    --db-font-size-sm: 0.875rem;
    --db-font-size-md: 1rem;
    --db-font-size-lg: 1.2rem;
    --db-font-size-xl: 1.6rem;
    --db-font-size-xxl: 2.1rem;
    --db-font-weight-regular: 400;
    --db-font-weight-semibold: 600;
    --db-font-weight-bold: 700;
    --db-line-height: 1.5;

    --db-space-1: 0.25rem;
    --db-space-2: 0.5rem;
    --db-space-3: 0.75rem;
    --db-space-4: 1rem;
    --db-space-5: 1.5rem;
    --db-space-6: 2rem;
    --db-space-7: 3rem;

    --db-radius-sm: 4px;
    --db-radius-md: 8px;
    --db-radius-lg: 12px;
    --db-border-width: 1px;
    --db-border-width-strong: 2px;

    --db-shadow-card: 0 1px 2px rgba(42, 34, 36, 0.06), 0 4px 16px rgba(42, 34, 36, 0.05);
    --db-shadow-header: 0 2px 10px rgba(93, 21, 34, 0.25);
    --db-shadow-focus: 0 0 0 3px var(--db-color-accent-glow);

    --db-sidebar-width: 250px;
    --db-header-height: 60px;
    --db-page-max-width: 1200px;
    --db-login-width: 420px;
    --db-orientation-width: 200px;
    --db-input-height: 42px;

    --db-transition-fast: 120ms ease;

    /* Pont vers Radzen : les composants lisent ces variables */
    --rz-primary: var(--db-color-accent);
    --rz-primary-light: #8f2a3c;
    --rz-primary-lighter: var(--db-color-accent-soft);
    --rz-primary-dark: var(--db-color-accent-strong);
    --rz-primary-darker: var(--db-color-accent-strong);
    --rz-on-primary: var(--db-color-text-inverse);
    --rz-secondary: var(--db-color-text-muted);
    --rz-danger: var(--db-color-danger);
    --rz-success: var(--db-color-success);
    --rz-warning: var(--db-color-warning);
    --rz-info: var(--db-color-info);
    --rz-base-background-color: var(--db-color-bg);
    --rz-body-background-color: var(--db-color-bg);
    --rz-panel-background-color: var(--db-color-surface);
    --rz-card-background-color: var(--db-color-surface);
    --rz-header-background-color: var(--db-color-accent);
    --rz-sidebar-background-color: var(--db-color-surface);
    --rz-input-background-color: var(--db-color-surface);
    --rz-input-border: var(--db-border-width) solid var(--db-color-border-strong);
    --rz-input-focus-border: var(--db-border-width) solid var(--db-color-accent);
    --rz-text-color: var(--db-color-text);
    --rz-text-title-color: var(--db-color-text);
    --rz-text-secondary-color: var(--db-color-text-muted);
    --rz-text-disabled-color: var(--db-color-text-muted);
    --rz-border-radius: var(--db-radius-md);
    --rz-body-font-family: var(--db-font-body);
    --rz-body-font-size: var(--db-font-size-md);
    --rz-panel-menu-item-color: var(--db-color-text);
    --rz-panel-menu-item-hover-color: var(--db-color-accent);
    --rz-panel-menu-item-hover-background-color: var(--db-color-surface-hover);
    --rz-panel-menu-item-active-color: var(--db-color-accent);
    --rz-panel-menu-item-active-background-color: var(--db-color-accent-soft);
    --rz-sidebar-width: var(--db-sidebar-width);
    --rz-header-height: var(--db-header-height);
}