/* ═══════════════════════════════════════════════════
   TRUSTCHANGE — Thème LumexUI
   Couleurs : teal #1a7a7a → #3ab5c3 (logo)
   Light mode par défaut
   ═══════════════════════════════════════════════════ */

:root {
    /* ── Layout (indépendant du mode) ── */
    --lumex-radius-small: .375rem;
    --lumex-radius-medium: .625rem;
    --lumex-radius-large: .875rem;
    --theme-color: #167f93;
    --buy-color: #167f93;
}

/* ══════════════════════════════
   LIGHT MODE (défaut)
   ══════════════════════════════ */
:root, .light {
    --lumex-background: #f4f6f9;
    /* Foreground */
    --lumex-foreground-50: #f4f6f9;
    --lumex-foreground-100: #e8ecf2;
    --lumex-foreground-200: #d0d8e8;
    --lumex-foreground-300: #a8b4c8;
    --lumex-foreground-400: #7a8898;
    --lumex-foreground-500: #5a6478;
    --lumex-foreground-600: #3d4d65;
    --lumex-foreground-700: #2a3245;
    --lumex-foreground-800: #1a2035;
    --lumex-foreground-900: #0f1320;
    --lumex-foreground: var(--lumex-foreground-800);
    /* Focus ring */
    --lumex-focus: #1e8a94;
    /* Divider */
    --lumex-divider: #d0d8e8;
    /* Surfaces */
    --lumex-surface1: #ffffff;
    --lumex-surface1-foreground: #1a2035;
    --lumex-surface2: #f4f6f9;
    --lumex-surface2-foreground: #2a3245;
    --lumex-surface3: #e8ecf2;
    --lumex-surface3-foreground: #3d4d65;
    /* ── Default ── */
    --lumex-default-50: #f4f6f9;
    --lumex-default-100: #e8ecf2;
    --lumex-default-200: #d0d8e8;
    --lumex-default-300: #a8b4c8;
    --lumex-default-400: #7a8898;
    --lumex-default-500: #5a6478;
    --lumex-default-600: #3d4d65;
    --lumex-default-700: #2a3245;
    --lumex-default-800: #1a2035;
    --lumex-default-900: #0f1320;
    --lumex-default: var(--lumex-default-200);
    --lumex-default-foreground: #0f1320;
    /* ── Primary — teal TrustChange ── */
    --lumex-primary-50: var(--theme-color);
    --lumex-primary-100: var(--theme-color);
    --lumex-primary-200: var(--theme-color);
    --lumex-primary-300: var(--theme-color);
    --lumex-primary-400: var(--theme-color);
    --lumex-primary-500: var(--theme-color);
    --lumex-primary-600: var(--theme-color);
    --lumex-primary-700: var(--theme-color);
    --lumex-primary-800: var(--theme-color);
    --lumex-primary-900: var(--theme-color);
    --lumex-primary: var(--lumex-primary-500);
    --lumex-primary-foreground: #ffffff;
    /* ── Secondary — teal clair ── */
    --lumex-secondary-50: #e0f7f8;
    --lumex-secondary-100: #b0ecf0;
    --lumex-secondary-200: #7adde5;
    --lumex-secondary-300: #3ab5c3;
    --lumex-secondary-400: #2a98a8;
    --lumex-secondary-500: #1e7a88;
    --lumex-secondary-600: #145e6a;
    --lumex-secondary-700: #0d4450;
    --lumex-secondary-800: #072c35;
    --lumex-secondary-900: #03181e;
    --lumex-secondary: var(--lumex-secondary-300);
    --lumex-secondary-foreground: #ffffff;
    /* ── Success ── */
    --lumex-success-50: var(--theme-color);
    --lumex-success-100: var(--theme-color);
    --lumex-success-200: var(--theme-color);
    --lumex-success-300: var(--theme-color);
    --lumex-success-400: var(--theme-color);
    --lumex-success-500: var(--theme-color);
    --lumex-success-600: var(--theme-color);
    --lumex-success-700: var(--theme-color);
    --lumex-success-800: var(--theme-color);
    --lumex-success-900: var(--theme-color);
    --lumex-success: var(--lumex-success);
    --lumex-success-foreground: #ffffff;
    /* ── Warning ── */
    --lumex-warning-50: #fffbeb;
    --lumex-warning-100: #fef3c7;
    --lumex-warning-200: #fde68a;
    --lumex-warning-300: #fcd34d;
    --lumex-warning-400: #fbbf24;
    --lumex-warning-500: #f59e0b;
    --lumex-warning-600: #d97706;
    --lumex-warning-700: #b45309;
    --lumex-warning-800: #92400e;
    --lumex-warning-900: #78350f;
    --lumex-warning: var(--lumex-warning-500);
    --lumex-warning-foreground: #ffffff;
    /* ── Danger ── */
    --lumex-danger-50: #fff1f2;
    --lumex-danger-100: #ffe4e6;
    --lumex-danger-200: #fecdd3;
    --lumex-danger-300: #fda4af;
    --lumex-danger-400: #fb7185;
    --lumex-danger-500: #f43f5e;
    --lumex-danger-600: #e11d48;
    --lumex-danger-700: #be123c;
    --lumex-danger-800: #9f1239;
    --lumex-danger-900: #881337;
    --lumex-danger: var(--lumex-danger-500);
    --lumex-danger-foreground: #ffffff;
    /* ── Info ── */
    --lumex-info-50: #f0f9ff;
    --lumex-info-100: #e0f2fe;
    --lumex-info-200: #bae6fd;
    --lumex-info-300: #7dd3fc;
    --lumex-info-400: #38bdf8;
    --lumex-info-500: #0ea5e9;
    --lumex-info-600: #0284c7;
    --lumex-info-700: #0369a1;
    --lumex-info-800: #075985;
    --lumex-info-900: #0c4a6e;
    --lumex-info: var(--lumex-info-500);
    --lumex-info-foreground: #ffffff;
    /* ── Shadows light ── */
    --lumex-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .12);
    --lumex-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .12);
    --lumex-shadow-large: 0px 0px 20px 0px rgb(0 0 0 / .04), 0px 2px 50px 0px rgb(0 0 0 / .10), 0px 0px 1px 0px rgb(0 0 0 / .12);
}

/* ══════════════════════════════
   DARK MODE (optionnel)
   ══════════════════════════════ */
.dark {
    --lumex-background: #0a0c10;
    --lumex-foreground-50: #0f1320;
    --lumex-foreground-100: #1a2030;
    --lumex-foreground-200: #2a3245;
    --lumex-foreground-300: #3d4d65;
    --lumex-foreground-400: #5a6478;
    --lumex-foreground-500: #7a8898;
    --lumex-foreground-600: #a0aab8;
    --lumex-foreground-700: #c8d0e0;
    --lumex-foreground-800: #e0e6f0;
    --lumex-foreground-900: #f0f4fa;
    --lumex-foreground: var(--lumex-foreground-700);
    --lumex-focus: #3ab5c3;
    --lumex-divider: #1a2430;
    --lumex-surface1: #0d1117;
    --lumex-surface1-foreground: #e0e6f0;
    --lumex-surface2: #111520;
    --lumex-surface2-foreground: #c8d0e0;
    --lumex-surface3: #1a2430;
    --lumex-surface3-foreground: #a0aab8;
    --lumex-default-50: #0f1320;
    --lumex-default-100: #111520;
    --lumex-default-200: #1a2430;
    --lumex-default-300: #242f42;
    --lumex-default-400: #3a4a60;
    --lumex-default-500: #5a6478;
    --lumex-default-600: #7a8898;
    --lumex-default-700: #a0aab8;
    --lumex-default-800: #c8d0e0;
    --lumex-default-900: #e0e6f0;
    --lumex-default: var(--lumex-default-200);
    --lumex-default-foreground: #e0e6f0;
    --lumex-primary-50: var(--theme-color);
    --lumex-primary-100: var(--theme-color);
    --lumex-primary-200: var(--theme-color);
    --lumex-primary-300: var(--theme-color);
    --lumex-primary-400: var(--theme-color);
    --lumex-primary-500: var(--theme-color);
    --lumex-primary-600: var(--theme-color);
    --lumex-primary-700: var(--theme-color);
    --lumex-primary-800: var(--theme-color);
    --lumex-primary-900: var(--theme-color);
    --lumex-primary: var(--lumex-primary-600);
    --lumex-primary-foreground: #ffffff;
    --lumex-secondary-50: #03181e;
    --lumex-secondary-100: #072c35;
    --lumex-secondary-200: #0d4450;
    --lumex-secondary-300: #145e6a;
    --lumex-secondary-400: #1e7a88;
    --lumex-secondary-500: #2a98a8;
    --lumex-secondary-600: #3ab5c3;
    --lumex-secondary-700: #5fcbd6;
    --lumex-secondary-800: #8ddde6;
    --lumex-secondary-900: #c0eff3;
    --lumex-secondary: var(--lumex-secondary-600);
    --lumex-secondary-foreground: #ffffff;
    --lumex-success-50: var(--theme-color);
    --lumex-success-100: var(--theme-color);
    --lumex-success-200: var(--theme-color);
    --lumex-success-300: var(--theme-color);
    --lumex-success-400: var(--theme-color);
    --lumex-success-500: var(--theme-color);
    --lumex-success-600: var(--theme-color);
    --lumex-success-700: var(--theme-color);
    --lumex-success-800: var(--theme-color);
    --lumex-success-900: var(--theme-color);
    --lumex-success: var(--lumex-success-500);
    --lumex-success-foreground: #ffffff;
    --lumex-warning-50: #78350f;
    --lumex-warning-100: #92400e;
    --lumex-warning-200: #b45309;
    --lumex-warning-300: #d97706;
    --lumex-warning-400: #f59e0b;
    --lumex-warning-500: #fbbf24;
    --lumex-warning-600: #fcd34d;
    --lumex-warning-700: #fde68a;
    --lumex-warning-800: #fef3c7;
    --lumex-warning-900: #fffbeb;
    --lumex-warning: var(--lumex-warning-500);
    --lumex-warning-foreground: #0a0c10;
    --lumex-danger-50: #881337;
    --lumex-danger-100: #9f1239;
    --lumex-danger-200: #be123c;
    --lumex-danger-300: #e11d48;
    --lumex-danger-400: #f43f5e;
    --lumex-danger-500: #fb7185;
    --lumex-danger-600: #fda4af;
    --lumex-danger-700: #fecdd3;
    --lumex-danger-800: #ffe4e6;
    --lumex-danger-900: #fff1f2;
    --lumex-danger: var(--lumex-danger-400);
    --lumex-danger-foreground: #ffffff;
    --lumex-info-50: #0c4a6e;
    --lumex-info-100: #075985;
    --lumex-info-200: #0369a1;
    --lumex-info-300: #0284c7;
    --lumex-info-400: #0ea5e9;
    --lumex-info-500: #38bdf8;
    --lumex-info-600: #7dd3fc;
    --lumex-info-700: #bae6fd;
    --lumex-info-800: #e0f2fe;
    --lumex-info-900: #f0f9ff;
    --lumex-info: var(--lumex-info-500);
    --lumex-info-foreground: #0a0c10;
    --lumex-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .15), 0px 2px 10px 0px rgb(0 0 0 / .3), inset 0px 0px 1px 0px rgb(255 255 255 / .05);
    --lumex-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .2), 0px 2px 30px 0px rgb(0 0 0 / .35), inset 0px 0px 1px 0px rgb(255 255 255 / .05);
    --lumex-shadow-large: 0px 0px 20px 0px rgb(0 0 0 / .25), 0px 2px 50px 0px rgb(0 0 0 / .4), inset 0px 0px 1px 0px rgb(255 255 255 / .05);
}