:root, [data-pec-theme="dark"] { --color-bg: #0f0f11; --color-surface: #1c1c1f; --color-text: #ededef; --color-accent: #22d37a; --color-divider: rgba(237, 237, 239, .14);
  --color-accent-hover: #6ee3a6; --color-accent-pressed: #a9eecb; --color-accent-tint: rgba(34, 211, 122, .12);
  --color-neutral-100: #f2f2f4; --color-neutral-200: #dcdce0; --color-neutral-300: #bdbdc3; --color-neutral-400: #9c9ca3; --color-neutral-500: #7d7d84; --color-neutral-600: #606066; --color-neutral-700: #46464b; --color-neutral-800: #2f2f33; --color-neutral-900: #202023;
  --color-accent-100: #e0f9ec; --color-accent-200: #a9eecb; --color-accent-300: #6ee3a6; --color-accent-400: #22d37a; --color-accent-500: #1fa45e; --color-accent-600: #1a7a47; --color-accent-700: #145a35; --color-accent-800: #0f3f25; --color-accent-900: #0a2a19;
  --color-section: #26262a; --color-section-glow: #34343a; --color-section-ghost: #46464b;
  --color-on-section: var(--color-text); --color-on-section-2: var(--color-accent-200); --color-on-section-accent: var(--color-accent-300);
  --shadow-sm: 0 0 0 1px #2f2f33; --shadow-md: 0 0 0 1px #46464b, 0 6px 18px rgba(0, 0, 0, .6); --shadow-lg: 0 0 0 1px #7d7d84, 0 16px 40px rgba(0, 0, 0, .7);
  --pc-green: #22d37a; --pc-green-line: #22d37a; --pc-blue: #4d8dff;
  --qr-bg: #ffffff; --qr-fg: #0e0e10; --scrim: color-mix(in srgb, #0f0f11 70%, transparent);
  --pc-red: oklch(0.74 0.16 25); --pc-amber: oklch(0.84 0.13 80);
  --color-text-2: color-mix(in srgb, var(--color-neutral-300) 25%, var(--color-neutral-400)); --color-text-3: color-mix(in srgb, var(--color-neutral-400) 50%, var(--color-neutral-500));
  --color-accent-text: var(--color-accent); --color-accent-fill: var(--color-accent); --color-on-accent: var(--color-bg); --color-field-line: var(--color-neutral-500);
  --color-on-accent-vif: #06200f;
  --color-on-accent-soft: color-mix(in srgb, var(--color-on-accent-vif) 14%, transparent);
  --color-danger: #ff6b5e; --color-on-danger: var(--color-bg);
  --color-surface-2: #252528; --color-bubble-me: #15804a; --color-on-bubble-me: #ffffff; --color-warn-bg: #3a2a0c; --color-warn: #f5c15c;
  --color-toast-action: var(--color-accent-700);
  color: var(--color-text); color-scheme: dark; }
[data-pec-theme="light"] { --color-bg: #eef0f2; --color-surface: #ffffff; --color-text: #121316; --color-accent: #12a15a; --color-divider: color-mix(in srgb, #121316 13%, transparent);
  --color-accent-hover: #0d7f46; --color-accent-pressed: #0a6036; --color-accent-tint: rgba(18, 161, 90, .10);
  --color-neutral-100: #121316; --color-neutral-200: #222327; --color-neutral-300: #36383d; --color-neutral-400: #4d5057; --color-neutral-500: #6b6f77; --color-neutral-600: #a3a7ae; --color-neutral-700: #cdd0d5; --color-neutral-800: #e3e5e8; --color-neutral-900: #f5f6f7;
  --color-accent-100: #074226; --color-accent-200: #0a6036; --color-accent-300: #0b733f; --color-accent-400: #12a15a; --color-accent-500: #2bb86f; --color-accent-600: #5fcf92; --color-accent-700: #9ce3bc; --color-accent-800: #cdf1dd; --color-accent-900: #e9f9f0;
  --color-section: #e9f9f0; --color-section-glow: #cdf1dd; --color-section-ghost: #9ce3bc;
  --color-on-section: var(--color-text); --color-on-section-2: var(--color-accent-200); --color-on-section-accent: var(--color-accent-300);
  --shadow-sm: 0 0 0 1px #e1e3e6, 0 1px 3px rgba(18, 19, 22, .05); --shadow-md: 0 0 0 1px #dcdfe3, 0 8px 24px rgba(18, 19, 22, .08); --shadow-lg: 0 0 0 1px #cdd0d5, 0 16px 40px rgba(18, 19, 22, .14);
  --pc-green: #12a15a; --pc-green-line: #12a15a; --pc-blue: #1f6bff;
  --qr-bg: #ffffff; --qr-fg: #0e0e10; --scrim: color-mix(in srgb, #0e0e10 40%, transparent);
  --pc-red: oklch(0.52 0.19 27); --pc-amber: oklch(0.53 0.12 65);
  --color-text-2: var(--color-neutral-400); --color-text-3: color-mix(in srgb, var(--color-neutral-400) 60%, var(--color-neutral-500));
  --color-accent-text: var(--color-accent-300); --color-accent-fill: var(--color-accent-300); --color-on-accent: var(--color-surface); --color-field-line: var(--color-neutral-500);
  --color-on-accent-vif: #06200f; --color-on-accent-soft: color-mix(in srgb, var(--color-surface) 18%, transparent);
  --color-danger: #b42318; --color-on-danger: #ffffff;
  --color-surface-2: #eceef1; --color-bubble-me: var(--color-accent-300); --color-on-bubble-me: #ffffff; --color-warn-bg: #fbefd6; --color-warn: #8a5a00;
  --color-toast-action: var(--color-accent-600);
  color: var(--color-text); color-scheme: light; }

[data-pec-theme] { --pa-bg: var(--color-bg); --pa-surface: var(--color-surface); --pa-text: var(--color-text); --pa-accent: var(--color-accent); --pa-divider: var(--color-divider);
  --pa-n200: var(--color-neutral-200); --pa-n300: var(--color-neutral-300); --pa-n400: var(--color-neutral-400); --pa-n500: var(--color-neutral-500); --pa-n600: var(--color-neutral-600); --pa-n700: var(--color-neutral-700); --pa-n800: var(--color-neutral-800); --pa-n900: var(--color-neutral-900);
  --pa-a100: var(--color-accent-100); --pa-a200: var(--color-accent-200); --pa-a300: var(--color-accent-300); --pa-a700: var(--color-accent-700); --pa-a800: var(--color-accent-800); --pa-a900: var(--color-accent-900);
  --pa-champ: var(--color-field-line); --pa-shadow-sm: var(--shadow-sm); --pa-shadow-md: var(--shadow-md); --pa-shadow-lg: var(--shadow-lg); --pa-scrim: var(--scrim); --pa-qr-bg: var(--qr-bg); --pa-qr-fg: var(--qr-fg);
  --pa-muted: var(--color-text-2); --pa-faint: var(--color-text-3); --pa-segment: color-mix(in srgb, var(--color-text) 7%, transparent);
  --pa-teinte: var(--color-accent-tint); --pa-accent-ink: var(--color-accent-300); --pa-lien: var(--color-accent-text); --pa-onglet: var(--color-text-3);
  --pa-plein: var(--color-accent-fill); --pa-sur-plein: var(--color-on-accent); --pa-inverse: var(--color-text); --pa-sur-inverse: var(--color-bg);
  --pa-ok: var(--pc-green); --pa-ok-fond: color-mix(in srgb, var(--pc-green) 16%, transparent);
  --pa-alerte: var(--pc-amber); --pa-alerte-fond: color-mix(in srgb, var(--pc-amber) 16%, transparent);
  --pa-erreur: var(--pc-red); --pa-erreur-fond: color-mix(in srgb, var(--pc-red) 16%, transparent); }
[data-pec-theme="light"] { --pa-sur-inverse: var(--color-surface); --pa-ok: var(--color-accent-300); }
:root, [data-pec-theme="dark"] {
  --cp-fond: #0C0D0F; --cp-halo: #123A2A; --cp-carte: #18191C; --cp-carte-2: #15171A; --cp-trait: #23262B; --cp-trait-2: #2C2F35;
  --cp-texte: #F3F5F7; --cp-texte-2: #D5D9DE; --cp-texte-3: #C3C8CF; --cp-texte-4: #9AA1AB;
  --cp-vert: #5FD39A; --cp-vert-bord: #2F8F62; --cp-vert-voile: rgba(47, 143, 98, .18); --cp-vert-clair: #BFF0D5; --cp-badge: #2F8F62; --cp-sur-badge: #FFFFFF;
  --cp-attente: #F5C15C; --cp-ferme: #FF8A7A; --cp-distance: #7FB2FF;
  --cp-filtre-on: #F3F5F7; --cp-sur-filtre-on: #0C0D0F;
  --cp-nav: #33CCFF; --cp-nav-halo: rgba(51, 204, 255, .25); --cp-nav-encre: #0077A3; --cp-trait-nav: #33CCFF;
  --cp-pastille: #FFFFFF; --cp-pastille-ferme: #D5D9DE; --cp-encre: #0C0D0F; --cp-ombre: 0 4px 12px rgba(0, 0, 0, .5); }
[data-pec-theme="light"] {
  --cp-fond: #eef0f2; --cp-halo: #cdf1dd; --cp-carte: #ffffff; --cp-carte-2: #f5f6f7; --cp-trait: #dcdfe3; --cp-trait-2: #cdd0d5;
  --cp-texte: #121316; --cp-texte-2: #222327; --cp-texte-3: #36383d; --cp-texte-4: #4d5057;
  --cp-vert: #0b733f; --cp-vert-bord: #12a15a; --cp-vert-voile: rgba(18, 161, 90, .12); --cp-vert-clair: #074226; --cp-badge: #0b733f; --cp-sur-badge: #ffffff;
  --cp-attente: #8a5a00; --cp-ferme: #b42318; --cp-distance: #1f5fbf;
  --cp-filtre-on: #121316; --cp-sur-filtre-on: #ffffff;
  --cp-nav: #33CCFF; --cp-nav-halo: rgba(0, 119, 163, .2); --cp-nav-encre: #0077A3; --cp-trait-nav: #0077A3;
  --cp-pastille: #ffffff; --cp-pastille-ferme: #D5D9DE; --cp-encre: #0C0D0F; --cp-ombre: 0 4px 12px rgba(18, 19, 22, .28); }

:root, [data-pec-theme="dark"] {
  --es-fond: #0f0f11; --es-halo: #0a2a19; --es-surface: #1c1c1f; --es-texte: #ededef; --es-trait: #2f2f33;
  --es-texte-2: #9c9ca3; --es-texte-3: #bdbdc3; --es-accent: #22d37a; --es-accent-encre: #22d37a; --es-accent-texte: #6ee3a6;
  --es-pastille-on: #0a2a19; --es-sel-bord: #145a35; }
[data-pec-theme="light"] {
  --es-fond: #eef0f2; --es-halo: #e9f9f0; --es-surface: #ffffff; --es-texte: #121316; --es-trait: #cdd0d5;
  --es-texte-2: #4d5057; --es-texte-3: #36383d; --es-accent: #12a15a; --es-accent-encre: #0b733f; --es-accent-texte: #0b733f;
  --es-pastille-on: #e9f9f0; --es-sel-bord: #0b733f; }