/* ==========================================================================
   IN THE CLOUD (ITC) - Dark Mode
   ========================================================================== */

[data-theme="dark"] {
    /* Fond */
    --itc-bg: #0F172A;
    --itc-bg-alt: #1E293B;
    --itc-bg-card: #1E293B;

    /* Texte */
    --itc-text: #CBD5E1;
    --itc-text-light: #94A3B8;
    --itc-text-heading: #F1F5F9;

    /* Bordures */
    --itc-border: #334155;
    --itc-border-light: #1E293B;

    /* Couleurs ajustées */
    --itc-primary-ultra-light: rgba(135, 206, 235, 0.08);
    --itc-secondary-ultra-light: rgba(152, 232, 193, 0.08);

    /* Ombres */
    --itc-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --itc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.15);
    --itc-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.15);
    --itc-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.25), 0 4px 6px rgba(0, 0, 0, 0.15);
    --itc-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.3), 0 10px 10px rgba(0, 0, 0, 0.2);

    color-scheme: dark;
}

/* Header dark */
[data-theme="dark"] .itc-header {
    background: rgba(15, 23, 42, 0.95);
    border-bottom-color: var(--itc-border);
}

[data-theme="dark"] .itc-header.scrolled {
    background: rgba(15, 23, 42, 0.98);
}

/* Logo dark */
[data-theme="dark"] .logo-name strong {
    background: linear-gradient(135deg, var(--itc-primary-light), var(--itc-secondary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hero dark */
[data-theme="dark"] .itc-hero {
    background: linear-gradient(160deg, rgba(135, 206, 235, 0.06) 0%, rgba(152, 232, 193, 0.06) 50%, var(--itc-bg) 100%);
}

[data-theme="dark"] .itc-hero h1 {
    background: linear-gradient(135deg, var(--itc-primary-light), var(--itc-secondary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Breadcrumb dark */
[data-theme="dark"] .itc-breadcrumb {
    background: var(--itc-bg-alt);
    border-bottom-color: var(--itc-border);
}

/* Intro block dark */
[data-theme="dark"] .intro-block {
    background: linear-gradient(135deg, rgba(135, 206, 235, 0.08), rgba(152, 232, 193, 0.08));
}

/* Pillar cards dark */
[data-theme="dark"] .pillar-card:hover {
    border-color: rgba(135, 206, 235, 0.3);
}

/* Benefit items dark */
[data-theme="dark"] .benefit-item:hover {
    border-color: rgba(135, 206, 235, 0.3);
}

/* Blockquote dark */
[data-theme="dark"] blockquote {
    background: rgba(135, 206, 235, 0.08);
}

/* Tables dark */
[data-theme="dark"] th {
    background: rgba(135, 206, 235, 0.1);
}

/* Legal info dark */
[data-theme="dark"] .legal-info {
    background: var(--itc-bg-alt);
}

/* CTA section dark */
[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, rgba(135, 206, 235, 0.1), rgba(152, 232, 193, 0.1));
}

/* Figure caption dark */
[data-theme="dark"] .article-hero figcaption {
    background: var(--itc-bg-alt);
    color: var(--itc-text-light);
}

/* Footer dark - reste sombre */
[data-theme="dark"] .itc-footer {
    background: #0B1120;
}

/* Cookie banner dark */
[data-theme="dark"] .cookie-banner {
    background: var(--itc-bg-alt);
    border-top-color: var(--itc-border);
}

/* Preloader dark */
[data-theme="dark"] .preloader {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(30, 41, 59, 0.98));
}

/* Toggle dark */
[data-theme="dark"] .btn-theme-toggle {
    background: var(--itc-bg-alt);
    color: #FBBF24;
}

[data-theme="dark"] .btn-theme-toggle:hover {
    background: rgba(251, 191, 36, 0.15);
}

/* Hamburger dark */
[data-theme="dark"] .hamburger-line {
    background: var(--itc-gray-300);
}

/* Mobile nav dark */
[data-theme="dark"] .header-nav {
    background: var(--itc-bg);
}

/* System messages dark */
[data-theme="dark"] .alert-success {
    background: rgba(152, 232, 193, 0.1);
    border-color: rgba(152, 232, 193, 0.2);
    color: var(--itc-secondary-light);
}

[data-theme="dark"] .alert-warning {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.2);
    color: #FEF3C7;
}

[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-error {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
    color: #FEE2E2;
}

[data-theme="dark"] .alert-info {
    background: rgba(135, 206, 235, 0.1);
    border-color: rgba(135, 206, 235, 0.2);
    color: var(--itc-primary-light);
}

/* Focus dark */
[data-theme="dark"] :focus-visible {
    outline-color: var(--itc-primary-light);
}

/* Selection dark */
[data-theme="dark"] ::selection {
    background: rgba(135, 206, 235, 0.3);
    color: var(--itc-white);
}