/* Atelier Douze v1.0.0 — GÉNÉRÉ par design/tokens/build.py depuis tokens.json (175 jetons). Ne pas éditer à la main. */

:root {
    --ds-color-core-indigo-950: #0E1020;
    --ds-color-core-indigo-900: #171A2E;
    --ds-color-core-indigo-800: #222640;
    --ds-color-core-indigo-700: #2B3052;
    --ds-color-core-indigo-600: #3A3F66;
    --ds-color-core-indigo-500: #4A4F7A;
    --ds-color-core-indigo-400: #6A6F9E;
    --ds-color-core-indigo-300: #A9A6CF;
    --ds-color-core-indigo-200: #C9C7DD;
    --ds-color-core-indigo-100: #E9E8F2;
    --ds-color-core-indigo-50: #F4F3F7;
    --ds-color-core-copper-700: #9A5A12;
    --ds-color-core-copper-600: #C7822F;
    --ds-color-core-copper-500: #E8A552;
    --ds-color-core-copper-400: #F0BE7E;
    --ds-color-core-copper-300: #F7D8B0;
    --ds-color-core-teal-700: #0A7268;
    --ds-color-core-teal-600: #1A9C8E;
    --ds-color-core-teal-500: #2FB8A8;
    --ds-color-core-teal-400: #5ED0C2;
    --ds-color-core-teal-300: #9AE3DA;
    --ds-color-core-gold-600: #B07A00;
    --ds-color-core-gold-500: #FFD166;
    --ds-color-core-gold-400: #FFE39D;
    --ds-color-core-white: #FFFFFF;
    --ds-color-core-ink: #10131F;
    --ds-color-core-paper: #EEECF8;
    --ds-color-semantic-bg: #171A2E;
    --ds-color-semantic-bg-deep: #0E1020;
    --ds-color-semantic-surface: #222640;
    --ds-color-semantic-surface-2: #2B3052;
    --ds-color-semantic-surface-3: #3A3F66;
    --ds-color-semantic-border: #4A4F7A;
    --ds-color-semantic-border-strong: #6A6F9E;
    --ds-color-semantic-border-subtle: rgba(74, 79, 122, 0.45);
    --ds-color-semantic-text: #EEECF8;
    --ds-color-semantic-text-muted: #A9A6CF;
    --ds-color-semantic-text-inverse: #10131F;
    --ds-color-semantic-title: #E8A552;
    --ds-color-semantic-primary: #2FB8A8;
    --ds-color-semantic-primary-hover: #5ED0C2;
    --ds-color-semantic-primary-pressed: #1A9C8E;
    --ds-color-semantic-primary-text: #10131F;
    --ds-color-semantic-focus: #FFD166;
    --ds-color-semantic-focus-soft: rgba(255, 209, 102, 0.25);
    --ds-color-semantic-info: #4FA3F5;
    --ds-color-semantic-success: #5CC05C;
    --ds-color-semantic-warning: #F0A030;
    --ds-color-semantic-danger: #E5462C;
    --ds-color-semantic-danger-text: #F47B66;
    --ds-color-semantic-backdrop: rgba(5, 6, 14, 0.55);
    --ds-color-semantic-plate: rgba(8, 9, 20, 0.72);
    --ds-color-semantic-band: rgba(43, 48, 82, 0.88);
    --ds-color-semantic-band-strong: rgba(34, 38, 64, 0.96);
    --ds-color-semantic-scrim-art: rgba(8, 9, 20, 0.45);
    --ds-color-semantic-blueprint: rgba(47, 184, 168, 0.18);
    --ds-color-game-rarity-0: #9E9EA8;
    --ds-color-game-rarity-1: #5CC05C;
    --ds-color-game-rarity-2: #3D8BFD;
    --ds-color-game-rarity-3: #A95BE6;
    --ds-color-game-rarity-4: #E8A552;
    --ds-color-game-tier-bronze: #B87333;
    --ds-color-game-tier-silver: #A9B4BC;
    --ds-color-game-tier-gold: #E6B84F;
    --ds-color-game-tier-prismatic-a: #7FE0D6;
    --ds-color-game-tier-prismatic-b: #F2A7D8;
    --ds-color-game-tier-inactive: #6A6F9E;
    --ds-color-game-bar-bg: rgba(10, 10, 18, 0.85);
    --ds-color-game-bar-hp: #D8352A;
    --ds-color-game-bar-ally: #4CB84A;
    --ds-color-game-bar-mana: #3C7DE8;
    --ds-color-game-bar-wakfu: #33C6D9;
    --ds-color-game-bar-xp: #E2B226;
    --ds-color-game-bar-shield: #E8EEFF;
    --ds-color-game-bar-armor: #F5C518;
    --ds-color-game-bar-trail: rgba(255, 236, 200, 0.85);
    --ds-color-game-camp-ally: #4FA3F5;
    --ds-color-game-camp-enemy: #E5462C;
    --ds-color-game-kama: #FFD54A;
    --ds-color-game-element-earth: #8B5A2B;
    --ds-color-game-element-fire: #E5462C;
    --ds-color-game-element-water: #3C7DE8;
    --ds-color-game-element-air: #5CC05C;
    --ds-color-game-element-neutral: #9E9EA8;
    --ds-color-player-1: #2FB8A8;
    --ds-color-player-2: #E8A552;
    --ds-color-player-3: #D65C8E;
    --ds-color-player-4: #7A8CF0;
    --ds-color-player-5: #9ACD32;
    --ds-color-player-6: #F08A4B;
    --ds-color-player-7: #C77DFF;
    --ds-color-player-8: #58C9E8;
    --ds-color-player-bot: #A9A6CF;
    --ds-font-family-display: Rowdies, Lexend, system-ui, sans-serif;
    --ds-font-family-text: Lexend, system-ui, sans-serif;
    --ds-font-family-mono: "JetBrains Mono", Consolas, monospace;
    --ds-font-weight-regular: 400;
    --ds-font-weight-bold: 700;
    --ds-font-size-2xs: 0.6875rem;
    --ds-font-size-xs: 0.75rem;
    --ds-font-size-sm: 0.8125rem;
    --ds-font-size-md: 0.875rem;
    --ds-font-size-lg: 1rem;
    --ds-font-size-xl: 1.125rem;
    --ds-font-size-2xl: 1.375rem;
    --ds-font-size-3xl: 1.75rem;
    --ds-font-size-4xl: 2.5rem;
    --ds-font-size-5xl: 4rem;
    --ds-font-size-hero: 7.5rem;
    --ds-font-line-height-tight: 1.1;
    --ds-font-line-height-snug: 1.25;
    --ds-font-line-height-normal: 1.5;
    --ds-font-letter-spacing-display: -0.01;
    --ds-font-letter-spacing-caps: 0.08;
    --ds-space-0: 0px;
    --ds-space-1: 2px;
    --ds-space-2: 4px;
    --ds-space-3: 8px;
    --ds-space-4: 12px;
    --ds-space-5: 16px;
    --ds-space-6: 24px;
    --ds-space-7: 32px;
    --ds-space-8: 48px;
    --ds-space-9: 64px;
    --ds-radius-xs: 2px;
    --ds-radius-sm: 3px;
    --ds-radius-md: 4px;
    --ds-radius-lg: 6px;
    --ds-radius-xl: 8px;
    --ds-radius-pill: 999px;
    --ds-border-hairline: 1px;
    --ds-border-strong: 2px;
    --ds-border-emphasis: 3px;
    --ds-size-control-sm: 28px;
    --ds-size-control: 36px;
    --ds-size-control-lg: 44px;
    --ds-size-row: 44px;
    --ds-size-icon-sm: 16px;
    --ds-size-icon: 24px;
    --ds-size-icon-lg: 32px;
    --ds-size-slot: 44px;
    --ds-size-avatar-sm: 24px;
    --ds-size-avatar: 40px;
    --ds-size-avatar-lg: 56px;
    --ds-size-titlebar: 44px;
    --ds-size-measure: 68ch;
    --ds-opacity-hud: 0.88;
    --ds-opacity-hud-strong: 0.96;
    --ds-opacity-disabled: 0.45;
    --ds-opacity-muted: 0.4;
    --ds-opacity-ghost: 0.8;
    --ds-elevation-none: 0px 0px 0px 0px rgba(0,0,0,0);
    --ds-elevation-sm: 0px 1px 2px 0px rgba(5, 6, 14, 0.35);
    --ds-elevation-md: 0px 4px 12px 0px rgba(5, 6, 14, 0.45);
    --ds-elevation-lg: 0px 12px 32px 0px rgba(5, 6, 14, 0.55);
    --ds-motion-duration-instant: 60ms;
    --ds-motion-duration-fast: 80ms;
    --ds-motion-duration-base: 150ms;
    --ds-motion-duration-slow: 250ms;
    --ds-motion-duration-banner: 300ms;
    --ds-motion-duration-hold: 900ms;
    --ds-motion-duration-pulse: 1200ms;
    --ds-motion-easing-out: cubic-bezier(0.33, 1, 0.68, 1);
    --ds-motion-easing-in: cubic-bezier(0.32, 0, 0.67, 0);
    --ds-motion-easing-in-out: cubic-bezier(0.37, 0, 0.63, 1);
    --ds-motion-easing-reward: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ds-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
    --ds-layer-hud: 0;
    --ds-layer-world: 5;
    --ds-layer-panels: 10;
    --ds-layer-pause: 20;
    --ds-layer-loading: 30;
    --ds-layer-toasts: 40;
    --ds-layer-console: 50;
    --ds-layer-debug: 60;
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) {
        --ds-color-semantic-bg: #F4F3F7;
        --ds-color-semantic-bg-deep: #E9E8F2;
        --ds-color-semantic-surface: #FFFFFF;
        --ds-color-semantic-surface-2: #E9E8F2;
        --ds-color-semantic-surface-3: #C9C7DD;
        --ds-color-semantic-border: #C9C7DD;
        --ds-color-semantic-border-subtle: rgba(201, 199, 221, 0.6);
        --ds-color-semantic-text: #1E2038;
        --ds-color-semantic-text-muted: #5E6080;
        --ds-color-semantic-title: #8A4E0C;
        --ds-color-semantic-primary: #0A7268;
        --ds-color-semantic-primary-hover: #075E56;
        --ds-color-semantic-primary-pressed: #054A44;
        --ds-color-semantic-primary-text: #FFFFFF;
        --ds-color-semantic-focus: #B07A00;
        --ds-color-semantic-focus-soft: rgba(176, 122, 0, 0.2);
        --ds-color-semantic-info: #1F6FD1;
        --ds-color-semantic-success: #2E8B3A;
        --ds-color-semantic-warning: #B86A00;
        --ds-color-semantic-danger: #C0301C;
        --ds-color-semantic-danger-text: #A8281A;
        --ds-color-semantic-backdrop: rgba(30, 32, 56, 0.4);
        --ds-color-semantic-band: rgba(233, 232, 242, 0.92);
        --ds-color-semantic-band-strong: rgba(255, 255, 255, 0.97);
        --ds-color-semantic-blueprint: rgba(10, 114, 104, 0.14);
        --ds-color-game-rarity-0: #848491;
        --ds-color-game-rarity-1: #2E9A2E;
        --ds-color-game-rarity-2: #0E6FFD;
        --ds-color-game-rarity-3: #9331E0;
        --ds-color-game-rarity-4: #9A5A12;
        --ds-color-game-camp-ally: #1F6FD1;
        --ds-color-game-camp-enemy: #C0301C;
        --ds-color-player-1: #258F83;
        --ds-color-player-2: #B97119;
        --ds-color-player-3: #D45488;
        --ds-color-player-4: #6378ED;
        --ds-color-player-5: #6A8D22;
        --ds-color-player-6: #D55C12;
        --ds-color-player-7: #B34FFF;
        --ds-color-player-8: #188DAE;
        --ds-color-player-bot: #6A6F9E;
    }
}

:root[data-theme="light"] {
    --ds-color-semantic-bg: #F4F3F7;
    --ds-color-semantic-bg-deep: #E9E8F2;
    --ds-color-semantic-surface: #FFFFFF;
    --ds-color-semantic-surface-2: #E9E8F2;
    --ds-color-semantic-surface-3: #C9C7DD;
    --ds-color-semantic-border: #C9C7DD;
    --ds-color-semantic-border-subtle: rgba(201, 199, 221, 0.6);
    --ds-color-semantic-text: #1E2038;
    --ds-color-semantic-text-muted: #5E6080;
    --ds-color-semantic-title: #8A4E0C;
    --ds-color-semantic-primary: #0A7268;
    --ds-color-semantic-primary-hover: #075E56;
    --ds-color-semantic-primary-pressed: #054A44;
    --ds-color-semantic-primary-text: #FFFFFF;
    --ds-color-semantic-focus: #B07A00;
    --ds-color-semantic-focus-soft: rgba(176, 122, 0, 0.2);
    --ds-color-semantic-info: #1F6FD1;
    --ds-color-semantic-success: #2E8B3A;
    --ds-color-semantic-warning: #B86A00;
    --ds-color-semantic-danger: #C0301C;
    --ds-color-semantic-danger-text: #A8281A;
    --ds-color-semantic-backdrop: rgba(30, 32, 56, 0.4);
    --ds-color-semantic-band: rgba(233, 232, 242, 0.92);
    --ds-color-semantic-band-strong: rgba(255, 255, 255, 0.97);
    --ds-color-semantic-blueprint: rgba(10, 114, 104, 0.14);
    --ds-color-game-rarity-0: #848491;
    --ds-color-game-rarity-1: #2E9A2E;
    --ds-color-game-rarity-2: #0E6FFD;
    --ds-color-game-rarity-3: #9331E0;
    --ds-color-game-rarity-4: #9A5A12;
    --ds-color-game-camp-ally: #1F6FD1;
    --ds-color-game-camp-enemy: #C0301C;
    --ds-color-player-1: #258F83;
    --ds-color-player-2: #B97119;
    --ds-color-player-3: #D45488;
    --ds-color-player-4: #6378ED;
    --ds-color-player-5: #6A8D22;
    --ds-color-player-6: #D55C12;
    --ds-color-player-7: #B34FFF;
    --ds-color-player-8: #188DAE;
    --ds-color-player-bot: #6A6F9E;
}