/* Variables CSS - Source unique pour toutes les couleurs et tailles */
/* Extrait du main.css pour réutilisabilité */

:root,
[data-bs-theme="light"] {
  --x-blue: #09f;
  --x-indigo: #5c60f5;
  --x-purple: #1F3A93;
  --x-pink: #ff579a;
  --x-red: #ff3366;
  --x-orange: #ff8c00;
  --x-yellow: #fb0;
  --x-green: #10B981;
  --x-teal: #2dd;
  --x-cyan: #00d4ff;
  --x-black: #000;
  --x-white: #fff;
  --x-gray: #475569;
  --x-gray-dark: #1e293b;
  --x-gray-100: #f1f5f9;
  --x-gray-200: #e2e8f0;
  --x-gray-300: #cbd5e1;
  --x-gray-400: #94a3b8;
  --x-gray-400-rgb: 148, 163, 184;
  --x-gray-500: #64748b;
  --x-gray-600: #475569;
  --x-gray-700: #334155;
  --x-gray-800: #1e293b;
  --x-gray-900: #0f172a;
  --x-primary: #1F3A93;
  --x-primary-hover: #173374;
  --x-primary-active: #11245a;
  --x-primary-disabled: #a3b0d9;
  --x-secondary: #10B981;
  --x-secondary-hover: #0f7a56;
  --x-secondary-active: #0b523e;
  --x-secondary-disabled: #9ee3c7;
  --x-success: #10B981;
  --x-success-hover: #0f7a56;
  --x-success-active: #0b523e;
  --x-success-disabled: #9ee3c7;
  --x-info: #00d4ff;
  --x-info-hover: #00aacc;
  --x-info-active: #007788;
  --x-info-disabled: #99e5ff;
  --x-warning: #ff8c00;
  --x-warning-hover: #cc7000;
  --x-warning-active: #995400;
  --x-warning-disabled: #ffd199;
  --x-danger: #ff3366;
  --x-danger-hover: #cc2955;
  --x-danger-active: #991f3d;
  --x-danger-disabled: #ffadc2;
  --x-light: #f5f8fb;
  --x-light-hover: #c4c6c9;
  --x-light-active: #b8babc;
  --x-light-disabled: #f5f8fb;
  --x-dark: #0f172a;
  --x-dark-hover: #3f4555;
  --x-dark-active: #272e3f;
  --x-dark-disabled: #0f172a;
  --x-white: #fff;
  --x-black: #000;
  --x-brand-shadow: #0a1646;
  --x-brand-shadow-rgb: 10, 22, 70;
  --x-primary-rgb: 31, 58, 147;
  --x-secondary-rgb: 16, 185, 129;
  --x-success-rgb: 16, 185, 129;
  --x-info-rgb: 0, 212, 255;
  --x-warning-rgb: 255, 140, 0;
  --x-danger-rgb: 255, 51, 102;
  --x-light-rgb: 245, 248, 251;
  --x-light-hover-rgb: 196, 198, 201;
  --x-light-active-rgb: 184, 186, 188;
  --x-dark-rgb: 15, 23, 42;
  --x-dark-hover-rgb: 63, 69, 85;
  --x-dark-active-rgb: 39, 46, 63;
  --x-primary-text-emphasis: #173374;
  --x-secondary-text-emphasis: #0F7A56;
  --x-success-text-emphasis: #0F7A56;
  --x-info-text-emphasis: #0056;
  --x-warning-text-emphasis: #663800;
  --x-danger-text-emphasis: #661429;
  --x-light-text-emphasis: #334155;
  --x-dark-text-emphasis: #334155;
  --x-primary-bg-subtle: #e0e7ff;
  --x-secondary-bg-subtle: #d1fae5;
  --x-success-bg-subtle: #d1fae5;
  --x-info-bg-subtle: #ccf6ff;
  --x-warning-bg-subtle: #ffe8cc;
  --x-danger-bg-subtle: #ffd6e0;
  --x-light-bg-subtle: #f8fafc;
  --x-primary-border-subtle: #a3bffa;
  --x-secondary-border-subtle: #6ee7b7;
  --x-success-border-subtle: #6ee7b7;
  --x-info-border-subtle: #99eeff;
  --x-warning-border-subtle: #ffd199;
  --x-danger-border-subtle: #ffadc2;
  --x-light-border-subtle: #e2e8f0;
  --x-dark-border-subtle: #64748b;
  --x-white-rgb: 255, 255, 255;
  --x-black-rgb: 0, 0, 0;
  --x-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --x-font-monospace: var(--x-font-monospace);
  --x-gradient-primary: linear-gradient(135deg, var(--x-primary) 0%, var(--x-secondary) 100%);
  --x-gradient-secondary: linear-gradient(135deg, var(--x-secondary) 0%, var(--x-info) 100%);
  --x-gradient-success: linear-gradient(135deg, var(--x-success) 0%, var(--x-info) 100%);
  --x-gradient-info: linear-gradient(135deg, var(--x-info) 0%, var(--x-primary) 100%);
  --x-gradient-warning: linear-gradient(135deg, var(--x-warning) 0%, var(--x-danger) 100%);
  --x-gradient-danger: linear-gradient(135deg, var(--x-danger) 0%, var(--x-warning) 100%);
  --x-gold: #FFD700;
  --x-gold-rgb: 255, 215, 0;
  --x-orange: #FFA500;
  --x-orange-rgb: 255, 165, 0;
  --x-silver: #C0C0C0;
  --x-silver-rgb: 192, 192, 192;
  --x-bronze: #CD7F32;
  --x-bronze-rgb: 205, 127, 50;
  --x-body-font-family: var(--x-font-sans-serif);
  --x-body-font-size: 1rem;
  --x-body-font-weight: 400;
  --x-body-line-height: 1.625;
  --x-body-color: #1e293b;
  --x-body-color-rgb: 30, 41, 59;
  --x-body-bg: #fff;
  --x-body-bg-rgb: 255, 255, 255;
  --x-emphasis-color: #0f172a;
  --x-emphasis-color-rgb: 15, 23, 42;
  --x-secondary-color: rgba(30, 41, 59, 0.75);
  --x-secondary-color-rgb: 30, 41, 59;
  --x-secondary-bg: #f1f5f9;
  --x-secondary-bg-rgb: 241, 245, 249;
  --x-tertiary-color: rgba(30, 41, 59, 0.5);
  --x-tertiary-color-rgb: 30, 41, 59;
  --x-tertiary-bg: #f8fafc;
  --x-tertiary-bg-rgb: 248, 250, 252;
  --x-heading-color: #0f172a;
  --x-link-color: #1F3A93;
  --x-link-color-rgb: 31, 58, 147;
  --x-link-decoration: none;
  --x-link-hover-color: #173374;
  --x-link-hover-color-rgb: 23, 51, 116;
  --x-link-hover-decoration: none;
  --x-code-color: #ff579a;
  --x-highlight-color: #1e293b;
  --x-highlight-bg: #fcf8e3;
  --x-border-width: 1px;
  --x-border-style: solid;
  --x-border-color: #e2e8f0;
  --x-border-color-translucent: rgba(var(--x-black-rgb), 0.176);
  --x-border-radius: 0.375rem;
  --x-border-radius-sm: 0.25rem;
  --x-border-radius-lg: 0.5rem;
  --x-border-radius-xl: 0.75rem;
  --x-border-radius-xxl: 2rem;
  --x-border-radius-2xl: var(--x-border-radius-xxl);
  --x-border-radius-pill: 50rem;
  --x-box-shadow: 0px 3px 3px -1px rgba(var(--x-brand-shadow-rgb), 0.1),
    0px 0px 1px 0px rgba(var(--x-brand-shadow-rgb), 0.06);
  --x-box-shadow-sm: 0px 1px 1px 0px rgba(var(--x-brand-shadow-rgb), 0.1),
    0px 0px 1px 0px rgba(var(--x-brand-shadow-rgb), 0.06);
  --x-box-shadow-lg: 0px 6px 6px -1px rgba(var(--x-brand-shadow-rgb), 0.1),
    0px 0px 1px 0px rgba(var(--x-brand-shadow-rgb), 0.06);
  --x-box-shadow-inset: inset 0 1px 2px rgba(var(--x-black-rgb), 0.075);
  --x-focus-ring-width: 0.25rem;
  --x-focus-ring-opacity: 0.25;
  --x-focus-ring-color: rgba(var(--x-primary-rgb), 0.25);
  --x-form-valid-color: #10B981;
  --x-form-valid-border-color: #10B981;
  --x-form-invalid-color: #ff3366;
  --x-form-invalid-border-color: #ff3366;
}

[data-bs-theme="dark"] {
  @supports (color-scheme: dark) {
    color-scheme: dark;
  }
  --x-body-color: #cbd5e1;
  --x-body-color-rgb: 203, 213, 225;
  --x-body-bg: #0f172a;
  --x-body-bg-rgb: 15, 23, 42;
  --x-emphasis-color: #fff;
  --x-emphasis-color-rgb: 255, 255, 255;
  --x-secondary-color: rgba(203, 213, 225, 0.75);
  --x-secondary-color-rgb: 203, 213, 225;
  --x-secondary-bg: #1e293b;
  --x-secondary-bg-rgb: 30, 41, 59;
  --x-tertiary-color: rgba(203, 213, 225, 0.5);
  --x-tertiary-color-rgb: 203, 213, 225;
  --x-tertiary-bg: #172033;
  --x-tertiary-bg-rgb: 23, 32, 51;
  --x-primary-text-emphasis: #a3bffa;
  --x-secondary-text-emphasis: #6ee7b7;
  --x-success-text-emphasis: #6ee7b7;
  --x-info-text-emphasis: #99eeff;
  --x-warning-text-emphasis: #ffd199;
  --x-danger-text-emphasis: #ffadc2;
  --x-light-text-emphasis: #f1f5f9;
  --x-dark-text-emphasis: #cbd5e1;
  --x-primary-bg-subtle: #1a2951;
  --x-secondary-bg-subtle: #0a3d2c;
  --x-success-bg-subtle: #0a3d2c;
  --x-info-bg-subtle: #003544;
  --x-warning-bg-subtle: #4d2700;
  --x-danger-bg-subtle: #4d0a1a;
  --x-light-bg-subtle: #1e293b;
  --x-primary-border-subtle: #1a2951;
  --x-secondary-border-subtle: #0a3d2c;
  --x-success-border-subtle: #0a3d2c;
  --x-info-border-subtle: #003544;
  --x-warning-border-subtle: #4d2700;
  --x-danger-border-subtle: #4d0a1a;
  --x-light-border-subtle: #334155;
  --x-dark-border-subtle: #475569;
  --x-heading-color: #fff;
  --x-link-color: #a3bffa;
  --x-link-color-rgb: 163, 191, 250;
  --x-link-hover-color: #c7d2fe;
  --x-link-hover-color-rgb: 199, 210, 254;
  --x-code-color: #ff579a;
  --x-highlight-color: #cbd5e1;
  --x-highlight-bg: #4d2700;
  --x-border-color: #334155;
  --x-border-color-translucent: rgba(255, 255, 255, 0.176);
}

:root,
[data-bs-theme="light"] {
  --x-font-display: Satoshi, sans-serif, ui-sans-serif, system-ui, -apple-system,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans,
    sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji;
  --x-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
:root .logo-light,
[data-bs-theme="light"] .logo-light {
  display: none;
}
:root .logo-dark,
[data-bs-theme="light"] .logo-dark,
[data-bs-theme="dark"] .logo-light {
  display: block;
}
[data-bs-theme="dark"] .logo-dark {
  display: none;
}
[data-bs-theme="dark"] .btn-neutral {
  --x-btn-bg: var(--x-gray-800);
  --x-btn-border-color: var(--x-gray-800);
  --x-btn-color: var(--x-gray-100);
  --x-btn-hover-bg: var(--x-gray-700);
  --x-btn-hover-color: var(--x-white);
  --x-btn-hover-border-color: var(--x-gray-700);
}