:root {
  --rgba-0-0-0-0_02: rgba(0, 0, 0, 0.02);
  --rgba-0-0-0-0_03: rgba(0, 0, 0, 0.03);
  --rgba-0-0-0-0_04: rgba(0, 0, 0, 0.04);
  --rgba-0-0-0-0_05: rgba(0, 0, 0, 0.05);
  --rgba-0-0-0-0_06: rgba(0, 0, 0, 0.06);
  --rgba-0-0-0-0_08: rgba(0, 0, 0, 0.08);
  --rgba-0-0-0-0_1: rgba(0, 0, 0, 0.1);
  --rgba-0-0-0-0_12: rgba(0, 0, 0, 0.12);
  --rgba-0-0-0-0_15: rgba(0, 0, 0, 0.15);
  --rgba-0-0-0-0_18: rgba(0, 0, 0, 0.18);
  --rgba-0-0-0-0_2: rgba(0, 0, 0, 0.2);
  --rgba-0-0-0-0_25: rgba(0, 0, 0, 0.25);
  --rgba-0-0-0-0_3: rgba(0, 0, 0, 0.3);
  --rgba-0-0-0-0_35: rgba(0, 0, 0, 0.35);
  --rgba-0-0-0-0_4: rgba(0, 0, 0, 0.4);
  --rgba-0-0-0-0_45: rgba(0, 0, 0, 0.45);
  --rgba-0-0-0-0_54: rgba(0, 0, 0, 0.54);
  --rgba-0-0-0-0_55: rgba(0, 0, 0, 0.55);
  --rgba-0-0-0-0_6: rgba(0, 0, 0, 0.6);
  --rgba-0-0-0-0_65: rgba(0, 0, 0, 0.65);
  --rgba-0-0-0-0_7: rgba(0, 0, 0, 0.7);
  --rgba-0-0-0-0_75: rgba(0, 0, 0, 0.75);
  --rgba-0-0-0-0_78: rgba(0, 0, 0, 0.78);
  --rgba-100-223-223-0_12: rgba(100, 223, 223, 0.12);
  --rgba-100-223-223-0_18: rgba(100, 223, 223, 0.18);
  --rgba-100-223-223-0_25: rgba(100, 223, 223, 0.25);
  --rgba-100-223-223-0_28: rgba(100, 223, 223, 0.28);
  --rgba-120-162-255-0_45: rgba(120, 162, 255, 0.45);
  --rgba-120-162-255-0_7: rgba(120, 162, 255, 0.7);
  --rgba-129-199-132-0_25: rgba(129, 199, 132, 0.25);
  --rgba-176-0-32-0_12: rgba(176, 0, 32, 0.12);
  --rgba-195-25-25-0_08: rgba(195, 25, 25, 0.08);
  --rgba-195-25-25-0_18: rgba(195, 25, 25, 0.18);
  --rgba-195-25-25-0_2: rgba(195, 25, 25, 0.2);
  --rgba-203-213-224-0_4: rgba(203, 213, 224, 0.4);
  --rgba-203-213-224-0_6: rgba(203, 213, 224, 0.6);
  --rgba-220-38-38-0_12: rgba(220, 38, 38, 0.12);
  --rgba-220-38-38-0_24: rgba(220, 38, 38, 0.24);
  --rgba-229-57-53-0_85: rgba(229, 57, 53, 0.85);
  --rgba-24-0-173-0_08: rgba(24, 0, 173, 0.08);
  --rgba-24-0-173-0_16: rgba(24, 0, 173, 0.16);
  --rgba-24-0-173-0_18: rgba(24, 0, 173, 0.18);
  --rgba-24-0-173-0_35: rgba(24, 0, 173, 0.35);
  --rgba-24-0-173-0_45: rgba(24, 0, 173, 0.45);
  --rgba-24-0-173-0_55: rgba(24, 0, 173, 0.55);
  --rgba-244-67-54-0_15: rgba(244, 67, 54, 0.15);
  --rgba-245-245-245-0_6: rgba(245, 245, 245, 0.6);
  --rgba-245-245-245-0_7: rgba(245, 245, 245, 0.7);
  --rgba-250-82-82-0_16: rgba(250, 82, 82, 0.16);
  --rgba-250-82-82-0_26: rgba(250, 82, 82, 0.26);
  --rgba-252-196-0-0_22: rgba(252, 196, 0, 0.22);
  --rgba-252-196-0-0_32: rgba(252, 196, 0, 0.32);
  --rgba-255-112-67-0_12: rgba(255, 112, 67, 0.12);
  --rgba-255-112-67-0_16: rgba(255, 112, 67, 0.16);
  --rgba-255-112-67-0_18: rgba(255, 112, 67, 0.18);
  --rgba-255-112-67-0_25: rgba(255, 112, 67, 0.25);
  --rgba-255-112-67-0_27: rgba(255, 112, 67, 0.27);
  --rgba-255-112-67-0_28: rgba(255, 112, 67, 0.28);
  --rgba-255-112-67-0_35: rgba(255, 112, 67, 0.35);
  --rgba-255-112-67-0_4: rgba(255, 112, 67, 0.4);
  --rgba-255-112-67-0_45: rgba(255, 112, 67, 0.45);
  --rgba-255-112-67-0_6: rgba(255, 112, 67, 0.6);
  --rgba-255-126-95-0_12: rgba(255, 126, 95, 0.12);
  --rgba-255-126-95-0_18: rgba(255, 126, 95, 0.18);
  --rgba-255-126-95-0_35: rgba(255, 126, 95, 0.35);
  --rgba-255-183-77-0_18: rgba(255, 183, 77, 0.18);
  --rgba-255-255-255-0_08: rgba(255, 255, 255, 0.08);
  --rgba-255-255-255-0_1: rgba(255, 255, 255, 0.1);
  --rgba-255-255-255-0_12: rgba(255, 255, 255, 0.12);
  --rgba-255-255-255-0_15: rgba(255, 255, 255, 0.15);
  --rgba-255-255-255-0_18: rgba(255, 255, 255, 0.18);
  --rgba-255-255-255-0_2: rgba(255, 255, 255, 0.2);
  --rgba-255-255-255-0_24: rgba(255, 255, 255, 0.24);
  --rgba-255-255-255-0_25: rgba(255, 255, 255, 0.25);
  --rgba-255-255-255-0_35: rgba(255, 255, 255, 0.35);
  --rgba-255-255-255-0_4: rgba(255, 255, 255, 0.4);
  --rgba-255-255-255-0_45: rgba(255, 255, 255, 0.45);
  --rgba-255-255-255-0_55: rgba(255, 255, 255, 0.55);
  --rgba-255-255-255-0_6: rgba(255, 255, 255, 0.6);
  --rgba-255-255-255-0_65: rgba(255, 255, 255, 0.65);
  --rgba-255-255-255-0_68: rgba(255, 255, 255, 0.68);
  --rgba-255-255-255-0_7: rgba(255, 255, 255, 0.7);
  --rgba-255-255-255-0_72: rgba(255, 255, 255, 0.72);
  --rgba-255-255-255-0_75: rgba(255, 255, 255, 0.75);
  --rgba-255-255-255-0_8: rgba(255, 255, 255, 0.8);
  --rgba-255-255-255-0_85: rgba(255, 255, 255, 0.85);
  --rgba-255-255-255-0_9: rgba(255, 255, 255, 0.9);
  --rgba-255-255-255-0_92: rgba(255, 255, 255, 0.92);
  --rgba-255-255-255-0_95: rgba(255, 255, 255, 0.95);
  --rgba-255-255-255-0_96: rgba(255, 255, 255, 0.96);
  --rgba-255-255-255-0_98: rgba(255, 255, 255, 0.98);
  --rgba-255-255-255-1: rgba(255, 255, 255, 1);
  --rgba-26-35-126-0_08: rgba(26, 35, 126, 0.08);
  --rgba-26-35-126-0_12: rgba(26, 35, 126, 0.12);
  --rgba-26-35-126-0_35: rgba(26, 35, 126, 0.35);
  --rgba-29-45-83-0_65: rgba(29, 45, 83, 0.65);
  --rgba-29-45-83-0_85: rgba(29, 45, 83, 0.85);
  --rgba-30-30-30-0_04: rgba(30, 30, 30, 0.04);
  --rgba-30-30-30-0_25: rgba(30, 30, 30, 0.25);
  --rgba-30-30-30-0_35: rgba(30, 30, 30, 0.35);
  --rgba-30-30-30-0_45: rgba(30, 30, 30, 0.45);
  --rgba-30-30-30-0_65: rgba(30, 30, 30, 0.65);
  --rgba-30-30-30-0_95: rgba(30, 30, 30, 0.95);
  --rgba-31-31-31-0_08: rgba(31, 31, 31, 0.08);
  --rgba-31-31-31-0_25: rgba(31, 31, 31, 0.25);
  --rgba-32-33-36-0_08: rgba(32, 33, 36, 0.08);
  --rgba-32-33-36-0_12: rgba(32, 33, 36, 0.12);
  --rgba-33-150-243-0_15: rgba(33, 150, 243, 0.15);
  --rgba-33-150-243-0_7: rgba(33, 150, 243, 0.7);
  --rgba-33-150-243-0_85: rgba(33, 150, 243, 0.85);
  --rgba-33-150-243-0_9: rgba(33, 150, 243, 0.9);
  --rgba-33-33-33-0_6: rgba(33, 33, 33, 0.6);
  --rgba-33-33-33-0_7: rgba(33, 33, 33, 0.7);
  --rgba-35-35-35-0_98: rgba(35, 35, 35, 0.98);
  --rgba-47-158-68-0_18: rgba(47, 158, 68, 0.18);
  --rgba-47-158-68-0_28: rgba(47, 158, 68, 0.28);
  --rgba-59-130-246-0_25: rgba(59, 130, 246, 0.25);
  --rgba-59-130-246-0_45: rgba(59, 130, 246, 0.45);
  --rgba-7-10-30-0_45: rgba(7, 10, 30, 0.45);
  --rgba-76-175-80-0_12: rgba(76, 175, 80, 0.12);
  --rgba-76-175-80-0_16: rgba(76, 175, 80, 0.16);
  --rgba-76-201-240-0_18: rgba(76, 201, 240, 0.18);
  --rgba-93-95-239-0_08: rgba(93, 95, 239, 0.08);
  --rgba-94-104-255-0_25: rgba(94, 104, 255, 0.25);
  --rgba-94-96-206-0_08: rgba(94, 96, 206, 0.08);
  --rgba-94-96-206-0_12: rgba(94, 96, 206, 0.12);
  --rgba-94-96-206-0_18: rgba(94, 96, 206, 0.18);
  --rgba-94-96-206-0_2: rgba(94, 96, 206, 0.2);
  --rgba-94-96-206-0_22: rgba(94, 96, 206, 0.22);
  --rgba-94-96-206-0_24: rgba(94, 96, 206, 0.24);
  --rgba-94-96-206-0_25: rgba(94, 96, 206, 0.25);
  --rgba-94-96-206-0_28: rgba(94, 96, 206, 0.28);
  --rgba-94-96-206-0_35: rgba(94, 96, 206, 0.35);
  --rgba-94-96-206-0_55: rgba(94, 96, 206, 0.55);

  --assistant-step-bubble-size: 36px;
  --assistant-step-default-bg: var(--rgba-94-96-206-0_12);
  --assistant-step-default-border: var(--rgba-94-96-206-0_24);
  --assistant-step-label-light: #111111;
  --assistant-step-label-dark: #ffffff;
  --assistant-step-default-text: var(--assistant-step-label-light);
  --assistant-step-default-shadow: inset 0 0 0 1px rgba(94, 96, 206, 0.05);
  --assistant-step-hover-shadow: 0 6px 14px rgba(94, 120, 206, 0.14);
  --assistant-step-connector: var(--rgba-94-96-206-0_18);
  --assistant-step-complete-bg: var(--rgba-76-175-80-0_16);
  --assistant-step-complete-border: var(--rgba-47-158-68-0_28);
  --assistant-step-complete-text: #1f7a3a;
  --assistant-step-complete-shadow: 0 6px 16px rgba(47, 158, 68, 0.18);
  --assistant-step-active-gradient: linear-gradient(135deg, #5e60ce, #64dfdf);
  --assistant-step-active-text: #ffffff;
  --assistant-step-active-shadow: 0 10px 24px rgba(94, 120, 206, 0.28);
  --assistant-stepper-surface: transparent;
  --assistant-step-active-connector: #5e60ce;
  --assistant-helper-bg: rgba(94, 120, 206, 0.08);
  --assistant-helper-border: rgba(94, 120, 206, 0.2);
  --assistant-helper-shadow: 0 8px 20px rgba(94, 120, 206, 0.12);
}
html.theme-claire {
    --claire-accent: #5e60ce;
    --claire-accent-strong: #6930c3;
    --claire-accent-secondary: #64dfdf;
    --claire-accent-soft: rgba(94, 120, 206, 0.22);
    --claire-surface: rgba(244, 248, 255, 0.82);
    --claire-surface-strong: rgba(255, 255, 255, 0.96);
    --claire-surface-soft: rgba(218, 230, 255, 0.5);
    --claire-border: rgba(94, 120, 206, 0.38);
    --claire-border-soft: rgba(94, 120, 206, 0.2);
    --claire-text: #2f2f2f;
    --claire-text-muted: rgba(47, 47, 47, 0.68);
    --claire-shadow: 0 18px 34px rgba(70, 90, 160, 0.16);

    --theme-bg: rgba(244, 248, 255, 0.9);
    --theme-surface-1: var(--claire-surface);
    --theme-surface-2: var(--claire-surface-strong);
    --theme-surface-3: var(--claire-surface-soft);
    --theme-overlay: rgba(244, 248, 255, 0.6);
    --theme-text: var(--claire-text);
    --theme-text-muted: var(--claire-text-muted);
    --theme-text-inverse: #ffffff;
    --theme-accent: var(--claire-accent);
    --theme-accent-strong: var(--claire-accent-strong);
    --theme-accent-soft: var(--claire-accent-soft);
    --theme-accent-border: var(--claire-accent-strong);
    --theme-border: var(--claire-border);
    --theme-border-soft: var(--claire-border-soft);
    --theme-separator: rgba(94, 120, 206, 0.28);
    --theme-focus: var(--claire-accent);
    --theme-shadow: var(--claire-shadow);
    --theme-gradient: linear-gradient(135deg, var(--claire-accent), var(--claire-accent-secondary));
    --theme-popover-bg: var(--rgba-255-255-255-1);
    --theme-dictionary-pill-bg: #ffffff;
    --theme-dictionary-pill-text: #000000;
    --theme-dictionary-pill-border: var(--claire-border-soft);
    --theme-dictionary-pill-hover-bg: #f0f0f0;
    --theme-dictionary-tooltip-bg: #ffffff;
    --theme-dictionary-tooltip-text: #000000;
    --theme-dictionary-tooltip-heading: #000000;
    --theme-dictionary-synonym-border: #000000;

    --claire-body-gradient: linear-gradient(135deg, #e8f1ff 0%, #d8ecff 38%, #f2f7ff 100%);
    --claire-body-overlay: radial-gradient(125% 110% at 14% 20%, rgba(120, 182, 255, 0.24) 0%, rgba(255, 255, 255, 0) 62%), radial-gradient(140% 120% at 86% 12%, rgba(94, 150, 255, 0.22) 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(120deg, rgba(212, 227, 255, 0.6), rgba(243, 247, 255, 0.9));

    --assistant-step-active-gradient: var(--theme-gradient);
    --assistant-step-active-text: var(--theme-text-inverse);
    --assistant-step-active-shadow: 0 12px 26px rgba(94, 120, 206, 0.28);
    --assistant-step-default-text: var(--assistant-step-label-light);
    --assistant-stepper-surface: var(--claire-surface-soft);
    --assistant-step-active-connector: var(--claire-accent);
    --assistant-helper-bg: rgba(94, 120, 206, 0.12);
    --assistant-helper-border: rgba(94, 120, 206, 0.22);
    --assistant-helper-shadow: 0 10px 24px rgba(94, 120, 206, 0.18);
}
html.theme-sombre {
    /* Modern Dark v2 */
    --modern-bg: #070b1b;
    --modern-surface-1: #0e1428;
    --modern-surface-2: #131b36;
    --modern-surface-3: #1a2348;
    --modern-overlay: rgba(7, 11, 27, 0.78);

    --modern-text: #e9eeff;
    --modern-text-muted: #bac6e6;
    --modern-text-subtle: #8e9ac2;
    --modern-text-inverse: #0b1026;

    --modern-accent: #9f67ff;
    --modern-accent-strong: #7c5bff;
    --modern-accent-weak: #c8abff;
    --modern-accent-soft: rgba(159, 103, 255, 0.16);

    --modern-info: #5cc8ff;
    --modern-success: #22c55e;
    --modern-warning: #f59e0b;
    --modern-danger: #ef4444;
    --modern-danger-strong: #b91c1c;
    --modern-menu-inactive: #1a1a1a;
    --modern-contrast: #ffffff;
    --modern-chord-empty-bg: rgba(165, 84, 42, 0.28);
    --modern-chord-empty-border: rgba(255, 255, 255, 0.85);

    --modern-border: #2a335d;
    --modern-border-soft: #1e2646;
    --modern-separator: #1b213f;

    --modern-focus: #9cc9ff;
    --modern-shadow: 0 26px 45px rgba(7, 10, 30, 0.55);

    --theme-bg: var(--modern-bg);
    --theme-surface-1: var(--modern-surface-1);
    --theme-surface-2: var(--modern-surface-2);
    --theme-surface-3: var(--modern-surface-3);
    --theme-overlay: var(--modern-overlay);
    --theme-text: var(--modern-text);
    --theme-text-muted: var(--modern-text-muted);
    --theme-text-inverse: var(--modern-text-inverse);
    --theme-accent: var(--modern-accent);
    --theme-accent-strong: var(--modern-accent-strong);
    --theme-accent-soft: var(--modern-accent-soft);
    --theme-accent-border: var(--modern-focus);
    --theme-border: var(--modern-border);
    --theme-border-soft: var(--modern-border-soft);
    --theme-separator: var(--modern-separator);
    --theme-focus: var(--modern-focus);
    --theme-shadow: var(--modern-shadow);
    --theme-gradient: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-strong));
    --theme-popover-bg: var(--modern-surface-2);
    --theme-dictionary-tooltip-bg: var(--modern-surface-2);
    --theme-dictionary-tooltip-text: var(--modern-text);
    --theme-dictionary-tooltip-heading: var(--modern-contrast);
    --theme-dictionary-synonym-border: var(--modern-border);

    --assistant-step-active-gradient: var(--theme-gradient);
    --assistant-step-active-text: var(--modern-text);
    --assistant-step-active-shadow: 0 14px 30px rgba(159, 103, 255, 0.32);
    --assistant-step-default-bg: rgba(159, 103, 255, 0.16);
    --assistant-step-default-border: rgba(159, 103, 255, 0.32);
    --assistant-step-default-text: var(--assistant-step-label-dark);
    --assistant-stepper-surface: rgba(19, 27, 54, 0.36);
    --assistant-step-active-connector: var(--modern-accent);
    --assistant-helper-bg: rgba(159, 103, 255, 0.18);
    --assistant-helper-border: rgba(159, 103, 255, 0.32);
    --assistant-helper-shadow: 0 14px 30px rgba(159, 103, 255, 0.28);

    --btn-bg: var(--modern-accent);
    --btn-bg-hover: #8a6bff;
    --btn-bg-active: var(--modern-accent-strong);
    --btn-text: var(--modern-text-inverse);
    --btn-border: transparent;

    --btn-ghost-bg: transparent;
    --btn-ghost-bg-hover: var(--modern-surface-2);
    --btn-ghost-text: var(--modern-text);
    --btn-ghost-border: var(--modern-border);

    --input-bg: #0f152d;
    --input-text: var(--modern-text);
    --input-placeholder: var(--modern-text-subtle);
    --input-border: #2b3766;
    --input-border-focus: var(--modern-accent);

    --row-hover: #151b35;

    --modern-body-overlay: radial-gradient(120% 120% at 85% 0%, var(--modern-accent-soft) 0%, rgba(7, 11, 27, 0) 58%), radial-gradient(110% 110% at 12% 15%, rgba(92, 200, 255, 0.22) 0%, rgba(7, 11, 27, 0) 60%), linear-gradient(135deg, #0b1030 0%, #080a21 40%, #03040f 100%);

    --admin-topbar-bg: var(--modern-surface-2);
    --admin-sidebar-bg: var(--modern-surface-1);
}

html.theme-cleva_bleu.theme-claire .writing-block .writing-section-title {
  color: var(--theme-text-inverse);
}

html.theme-cleva_bleu.theme-claire .section-label {
  color: var(--theme-text-inverse);
}