/* VintApp Day/Night Mode - Généré automatiquement */
/* Palette jour: lavande | Palette nuit: charbon */

/* Mode Jour — 💜 Lavande Douce */
:root, [data-theme="day"] {
  --color-primary: #7C3AED;
  --color-primary-50: #f8f5fe;
  --color-primary-100: #f1ebfd;
  --color-primary-200: #e4d7fb;
  --color-primary-300: #cab0f7;
  --color-primary-400: #b088f4;
  --color-primary-500: #7C3AED;
  --color-primary-600: #7034d5;
  --color-primary-700: #632ebe;
  --color-primary-800: #5729a6;
  --color-primary-900: #4a238e;
  --color-secondary: #6B7280;
  --color-secondary-50: #f7f7f8;
  --color-secondary-100: #f0f0f2;
  --color-secondary-200: #e1e2e5;
  --color-secondary-300: #c3c6cc;
  --color-secondary-400: #a6aab2;
  --color-secondary-500: #6B7280;
  --color-secondary-600: #606773;
  --color-secondary-700: #565b66;
  --color-secondary-800: #4b505a;
  --color-secondary-900: #40444d;
  --color-success: #10B981;
  --color-success-50: #f3fbf8;
  --color-success-100: #e7f8f2;
  --color-success-200: #cff1e5;
  --color-success-300: #9fe3cc;
  --color-success-400: #6fd5b3;
  --color-success-500: #10B981;
  --color-success-600: #0ea774;
  --color-success-700: #0d9467;
  --color-success-800: #0b825a;
  --color-success-900: #0a6f4d;
  --color-danger: #EF4444;
  --color-danger-50: #fef5f5;
  --color-danger-100: #fdecec;
  --color-danger-200: #fbd9d9;
  --color-danger-300: #f8b4b4;
  --color-danger-400: #f58e8e;
  --color-danger-500: #EF4444;
  --color-danger-600: #d73d3d;
  --color-danger-700: #bf3636;
  --color-danger-800: #a73030;
  --color-danger-900: #8f2929;
  --color-warning: #F59E0B;
  --color-warning-50: #fefaf2;
  --color-warning-100: #fef5e6;
  --color-warning-200: #fdebce;
  --color-warning-300: #fbd89d;
  --color-warning-400: #f9c46c;
  --color-warning-500: #F59E0B;
  --color-warning-600: #dd8e0a;
  --color-warning-700: #c47e09;
  --color-warning-800: #ac6f08;
  --color-warning-900: #935f07;
  --color-info: #06B6D4;
  --color-info-50: #f2fbfc;
  --color-info-100: #e6f7fa;
  --color-info-200: #cdf0f6;
  --color-info-300: #9be1ed;
  --color-info-400: #69d3e5;
  --color-info-500: #06B6D4;
  --color-info-600: #05a4bf;
  --color-info-700: #0592aa;
  --color-info-800: #047f94;
  --color-info-900: #046d7f;
  --color-light: #F5F3FF;
  --color-dark: #2E1065;
  --color-accent: #A78BFA;
  --color-accent-50: #faf9fe;
  --color-accent-100: #f6f3fe;
  --color-accent-200: #ede7fe;
  --color-accent-300: #dbd0fd;
  --color-accent-400: #cab9fc;
  --color-accent-500: #A78BFA;
  --color-accent-600: #967de1;
  --color-accent-700: #866fc8;
  --color-accent-800: #7561af;
  --color-accent-900: #645396;
  --color-background: #FEFCFF;
  --color-surface: #EDE9FE;
  --color-text: #1F2937;
  --color-text-muted: #6B7280;
  --color-border: #DDD6FE;
}

/* Mode Nuit — 🖤 Charbon Élégant */
[data-theme="night"] {
  --color-primary: #E5E5E5;
  --color-primary-50: #fdfdfd;
  --color-primary-100: #fcfcfc;
  --color-primary-200: #f9f9f9;
  --color-primary-300: #f4f4f4;
  --color-primary-400: #efefef;
  --color-primary-500: #E5E5E5;
  --color-primary-600: #cecece;
  --color-primary-700: #b7b7b7;
  --color-primary-800: #a0a0a0;
  --color-primary-900: #898989;
  --color-secondary: #A3A3A3;
  --color-secondary-50: #fafafa;
  --color-secondary-100: #f5f5f5;
  --color-secondary-200: #ececec;
  --color-secondary-300: #dadada;
  --color-secondary-400: #c7c7c7;
  --color-secondary-500: #A3A3A3;
  --color-secondary-600: #939393;
  --color-secondary-700: #828282;
  --color-secondary-800: #727272;
  --color-secondary-900: #626262;
  --color-success: #86EFAC;
  --color-success-50: #f8fefa;
  --color-success-100: #f2fdf6;
  --color-success-200: #e6fbee;
  --color-success-300: #cef8dd;
  --color-success-400: #b6f5cd;
  --color-success-500: #86EFAC;
  --color-success-600: #79d79b;
  --color-success-700: #6bbf8a;
  --color-success-800: #5ea778;
  --color-success-900: #508f67;
  --color-danger: #FCA5A5;
  --color-danger-50: #fefafa;
  --color-danger-100: #fef6f6;
  --color-danger-200: #feeded;
  --color-danger-300: #fddbdb;
  --color-danger-400: #fdc9c9;
  --color-danger-500: #FCA5A5;
  --color-danger-600: #e39595;
  --color-danger-700: #ca8484;
  --color-danger-800: #b07373;
  --color-danger-900: #976363;
  --color-warning: #FDE68A;
  --color-warning-50: #fefdf9;
  --color-warning-100: #fefcf3;
  --color-warning-200: #fefae7;
  --color-warning-300: #fef5d0;
  --color-warning-400: #fdf0b8;
  --color-warning-500: #FDE68A;
  --color-warning-600: #e4cf7c;
  --color-warning-700: #cab86e;
  --color-warning-800: #b1a161;
  --color-warning-900: #988a53;
  --color-info: #A5F3FC;
  --color-info-50: #fafefe;
  --color-info-100: #f6fdfe;
  --color-info-200: #edfcfe;
  --color-info-300: #dbfafd;
  --color-info-400: #c9f7fd;
  --color-info-500: #A5F3FC;
  --color-info-600: #95dbe3;
  --color-info-700: #84c2ca;
  --color-info-800: #73aab0;
  --color-info-900: #639297;
  --color-light: #262626;
  --color-dark: #FAFAFA;
  --color-accent: #D4D4D8;
  --color-accent-50: #fcfcfd;
  --color-accent-100: #fafafb;
  --color-accent-200: #f6f6f7;
  --color-accent-300: #ededef;
  --color-accent-400: #e5e5e7;
  --color-accent-500: #D4D4D8;
  --color-accent-600: #bfbfc2;
  --color-accent-700: #aaaaad;
  --color-accent-800: #949497;
  --color-accent-900: #7f7f82;
  --color-background: #0A0A0A;
  --color-surface: #171717;
  --color-text: #FAFAFA;
  --color-text-muted: #737373;
  --color-border: #262626;
}

/* Transitions fluides */
*,
*::before,
*::after {
    transition:
        background-color 800ms ease,
        color 800ms ease,
        border-color 800ms ease,
        box-shadow 800ms ease,
        fill 400ms ease,
        stroke 400ms ease;
}

.no-transition,
.no-transition *,
.no-transition *::before,
.no-transition *::after {
    transition: none !important;
}

input,
textarea,
select,
button,
a,
[class*="animate-"],
[class*="transition-"] {
    transition:
        background-color 800ms ease,
        color 800ms ease,
        border-color 800ms ease;
}
/* ============================== */
/* OVERRIDES MODE NUIT            */
/* ============================== */

[data-theme="night"] body {
    background-color: var(--color-background);
    color: var(--color-text);
}

[data-theme="night"] .bg-white {
    background-color: var(--color-surface) !important;
}

[data-theme="night"] .bg-gray-50 {
    background-color: var(--color-background) !important;
}

[data-theme="night"] .bg-gray-100 {
    background-color: color-mix(in srgb, var(--color-surface), var(--color-background) 30%) !important;
}

[data-theme="night"] .bg-gray-200 {
    background-color: var(--color-surface) !important;
}

[data-theme="night"] .text-gray-800,
[data-theme="night"] .text-gray-900,
[data-theme="night"] .text-black {
    color: var(--color-text) !important;
}

[data-theme="night"] .text-gray-700 {
    color: color-mix(in srgb, var(--color-text), var(--color-text-muted) 30%) !important;
}

[data-theme="night"] .text-gray-600 {
    color: color-mix(in srgb, var(--color-text), var(--color-text-muted) 50%) !important;
}

[data-theme="night"] .text-gray-500 {
    color: var(--color-text-muted) !important;
}

[data-theme="night"] .text-gray-400 {
    color: color-mix(in srgb, var(--color-text-muted), var(--color-border) 30%) !important;
}

[data-theme="night"] .border-gray-100,
[data-theme="night"] .border-gray-200,
[data-theme="night"] .border-gray-300 {
    border-color: var(--color-border) !important;
}

[data-theme="night"] .divide-gray-200 > :not(:last-child) {
    border-color: var(--color-border) !important;
}

[data-theme="night"] .shadow-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="night"] .shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="night"] .shadow-md {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="night"] .shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="night"] input,
[data-theme="night"] textarea,
[data-theme="night"] select {
    background-color: var(--color-surface) !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

[data-theme="night"] input::placeholder,
[data-theme="night"] textarea::placeholder {
    color: var(--color-text-muted) !important;
}

[data-theme="night"] input:focus,
[data-theme="night"] textarea:focus,
[data-theme="night"] select:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary), transparent 80%) !important;
}

[data-theme="night"] table {
    color: var(--color-text);
}

[data-theme="night"] th {
    background-color: color-mix(in srgb, var(--color-surface), var(--color-background) 30%) !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

[data-theme="night"] td {
    border-color: var(--color-border) !important;
}

[data-theme="night"] tr:hover {
    background-color: color-mix(in srgb, var(--color-surface), transparent 50%) !important;
}

[data-theme="night"] .bg-white.rounded-lg,
[data-theme="night"] .bg-white.rounded-xl {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}

[data-theme="night"] [class*="modal"] .bg-white {
    background-color: var(--color-surface) !important;
}

[data-theme="night"] [class*="dropdown"] {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}

[data-theme="night"] ::-webkit-scrollbar {
    width: 8px;
}

[data-theme="night"] ::-webkit-scrollbar-track {
    background: var(--color-background);
}

[data-theme="night"] ::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 4px;
}

[data-theme="night"] ::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
}

[data-theme="night"] header {
    background-color: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}

[data-theme="night"] nav {
    background-color: var(--color-surface) !important;
}
/* ============================== */
/* BOUTON INDICATEUR JOUR/NUIT   */
/* ============================== */
.day-night-indicator {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="day"] .day-night-indicator {
    background: linear-gradient(135deg, var(--color-warning, #fcd34d), var(--color-primary, #f59e0b));
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

[data-theme="night"] .day-night-indicator {
    background: linear-gradient(135deg, var(--color-primary, #818cf8), var(--color-accent, #4f46e5));
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.day-night-indicator:hover {
    transform: scale(1.1);
}

.day-night-indicator:active {
    transform: scale(0.95);
}