/*
 * Design tokens, generated from design/tokens/ by "php bin/console app:design-tokens".
 * Do not edit: change the JSON files and run the command again.
 */

@layer tokens {
    :root {
        --control-height-sm: 2rem;
        --control-height-md: 2.5rem;
        --control-height-lg: 3rem;
        --control-padding-x-sm: var(--space-3);
        --control-padding-x-md: var(--space-4);
        --control-padding-x-lg: var(--space-5);
        --button-radius: var(--radius-control);
        --button-font-weight: var(--font-weight-semibold);
        --input-radius: var(--radius-control);
        --input-border-width: var(--border-width-thin);
        --card-radius: var(--radius-surface);
        --card-padding: var(--space-6);
        --card-shadow: var(--shadow-sm);
        --dialog-radius: var(--radius-xl);
        --dialog-width-sm: 24rem;
        --dialog-width-md: 32rem;
        --dialog-width-lg: 48rem;
        --badge-radius: var(--radius-pill);
        --tooltip-max-width: 18rem;
        --color-white: #ffffff;
        --color-black: #000000;
        --color-neutral-50: #f8fafc;
        --color-neutral-100: #f1f5f9;
        --color-neutral-200: #e2e8f0;
        --color-neutral-300: #cbd5e1;
        --color-neutral-400: #94a3b8;
        --color-neutral-500: #64748b;
        --color-neutral-600: #475569;
        --color-neutral-700: #334155;
        --color-neutral-800: #1e293b;
        --color-neutral-900: #0f172a;
        --color-neutral-950: #020617;
        --color-brand-50: #eef4ff;
        --color-brand-100: #dbe6fe;
        --color-brand-200: #bfd3fe;
        --color-brand-300: #93b4fd;
        --color-brand-400: #608bfa;
        --color-brand-500: #3b64f6;
        --color-brand-600: #2546eb;
        --color-brand-700: #1d35d8;
        --color-brand-800: #1e2daf;
        --color-brand-900: #1e2c8a;
        --color-brand-950: #171d54;
        --color-green-50: #f0fdf4;
        --color-green-100: #dcfce7;
        --color-green-200: #bbf7d0;
        --color-green-300: #86efac;
        --color-green-400: #4ade80;
        --color-green-500: #22c55e;
        --color-green-600: #16a34a;
        --color-green-700: #15803d;
        --color-green-800: #166534;
        --color-green-900: #14532d;
        --color-green-950: #052e16;
        --color-amber-50: #fffbeb;
        --color-amber-100: #fef3c7;
        --color-amber-200: #fde68a;
        --color-amber-300: #fcd34d;
        --color-amber-400: #fbbf24;
        --color-amber-500: #f59e0b;
        --color-amber-600: #d97706;
        --color-amber-700: #b45309;
        --color-amber-800: #92400e;
        --color-amber-900: #78350f;
        --color-amber-950: #451a03;
        --color-red-50: #fef2f2;
        --color-red-100: #fee2e2;
        --color-red-200: #fecaca;
        --color-red-300: #fca5a5;
        --color-red-400: #f87171;
        --color-red-500: #ef4444;
        --color-red-600: #dc2626;
        --color-red-700: #b91c1c;
        --color-red-800: #991b1b;
        --color-red-900: #7f1d1d;
        --color-red-950: #450a0a;
        --color-sky-50: #f0f9ff;
        --color-sky-100: #e0f2fe;
        --color-sky-200: #bae6fd;
        --color-sky-300: #7dd3fc;
        --color-sky-400: #38bdf8;
        --color-sky-500: #0ea5e9;
        --color-sky-600: #0284c7;
        --color-sky-700: #0369a1;
        --color-sky-800: #075985;
        --color-sky-900: #0c4a6e;
        --color-sky-950: #082f49;
        --font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --font-family-serif: Georgia, Cambria, "Times New Roman", serif;
        --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
        --font-size-xs: 0.75rem;
        --font-size-sm: 0.875rem;
        --font-size-md: 1rem;
        --font-size-lg: 1.125rem;
        --font-size-xl: 1.25rem;
        --font-size-2xl: 1.5rem;
        --font-size-3xl: 1.875rem;
        --font-size-4xl: 2.25rem;
        --font-size-5xl: 3rem;
        --font-weight-regular: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-line-height-tight: 1.2;
        --font-line-height-snug: 1.35;
        --font-line-height-normal: 1.5;
        --font-line-height-relaxed: 1.7;
        --font-letter-spacing-tight: -0.02em;
        --font-letter-spacing-normal: 0;
        --font-letter-spacing-wide: 0.04em;
        --space-0: 0;
        --space-px: 1px;
        --space-0-5: 0.125rem;
        --space-1: 0.25rem;
        --space-1-5: 0.375rem;
        --space-2: 0.5rem;
        --space-3: 0.75rem;
        --space-4: 1rem;
        --space-5: 1.25rem;
        --space-6: 1.5rem;
        --space-8: 2rem;
        --space-10: 2.5rem;
        --space-12: 3rem;
        --space-16: 4rem;
        --space-20: 5rem;
        --space-24: 6rem;
        --radius-none: 0;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-full: 9999px;
        --border-width-thin: 1px;
        --border-width-thick: 2px;
        --shadow-color: rgb(15 23 42 / 0.08);
        --shadow-color-strong: rgb(15 23 42 / 0.16);
        --duration-fast: 120ms;
        --duration-normal: 200ms;
        --duration-slow: 320ms;
        --easing-standard: cubic-bezier(0.2, 0, 0, 1);
        --easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
        --easing-exit: cubic-bezier(0.4, 0, 1, 1);
        --z-index-base: 0;
        --z-index-dropdown: 1000;
        --z-index-sticky: 1100;
        --z-index-overlay: 1200;
        --z-index-dialog: 1300;
        --z-index-toast: 1400;
        --z-index-tooltip: 1500;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --opacity-disabled: 0.55;
        --font-body: var(--font-family-sans);
        --font-heading: var(--font-family-sans);
        --font-code: var(--font-family-mono);
        --text-body-font-family: var(--font-body);
        --text-body-font-size: var(--font-size-md);
        --text-body-font-weight: var(--font-weight-regular);
        --text-body-line-height: var(--font-line-height-normal);
        --text-small-font-family: var(--font-body);
        --text-small-font-size: var(--font-size-sm);
        --text-small-font-weight: var(--font-weight-regular);
        --text-small-line-height: var(--font-line-height-normal);
        --text-label-font-family: var(--font-body);
        --text-label-font-size: var(--font-size-sm);
        --text-label-font-weight: var(--font-weight-medium);
        --text-label-line-height: var(--font-line-height-snug);
        --text-h1-font-family: var(--font-heading);
        --text-h1-font-size: var(--font-size-4xl);
        --text-h1-font-weight: var(--font-weight-bold);
        --text-h1-line-height: var(--font-line-height-tight);
        --text-h1-letter-spacing: var(--font-letter-spacing-tight);
        --text-h2-font-family: var(--font-heading);
        --text-h2-font-size: var(--font-size-3xl);
        --text-h2-font-weight: var(--font-weight-bold);
        --text-h2-line-height: var(--font-line-height-tight);
        --text-h2-letter-spacing: var(--font-letter-spacing-tight);
        --text-h3-font-family: var(--font-heading);
        --text-h3-font-size: var(--font-size-2xl);
        --text-h3-font-weight: var(--font-weight-semibold);
        --text-h3-line-height: var(--font-line-height-snug);
        --text-h3-letter-spacing: var(--font-letter-spacing-normal);
        --text-h4-font-family: var(--font-heading);
        --text-h4-font-size: var(--font-size-xl);
        --text-h4-font-weight: var(--font-weight-semibold);
        --text-h4-line-height: var(--font-line-height-snug);
        --text-h4-letter-spacing: var(--font-letter-spacing-normal);
        --text-h5-font-family: var(--font-heading);
        --text-h5-font-size: var(--font-size-lg);
        --text-h5-font-weight: var(--font-weight-semibold);
        --text-h5-line-height: var(--font-line-height-snug);
        --text-h5-letter-spacing: var(--font-letter-spacing-normal);
        --text-h6-font-family: var(--font-heading);
        --text-h6-font-size: var(--font-size-md);
        --text-h6-font-weight: var(--font-weight-semibold);
        --text-h6-line-height: var(--font-line-height-snug);
        --text-h6-letter-spacing: var(--font-letter-spacing-normal);
        --radius: var(--radius-md);
        --radius-control: var(--radius-md);
        --radius-surface: var(--radius-lg);
        --radius-pill: var(--radius-full);
        --shadow-sm: 0 1px 2px 0 var(--shadow-color);
        --shadow-md: 0 2px 4px -1px var(--shadow-color), 0 4px 12px -2px var(--shadow-color);
        --shadow-lg: 0 8px 24px -4px var(--shadow-color-strong), 0 2px 6px -2px var(--shadow-color);
        --focus-ring-width: 3px;
        --focus-ring-offset: 2px;
        --layout-container: 72rem;
        --layout-container-narrow: 48rem;
        --layout-gutter: var(--space-4);
        --transition-duration: var(--duration-normal);
        --transition-easing: var(--easing-standard);
        --color-bg-canvas: var(--color-neutral-50);
        --color-bg-surface: var(--color-white);
        --color-bg-surface-raised: var(--color-white);
        --color-bg-subtle: var(--color-neutral-100);
        --color-bg-muted: var(--color-neutral-200);
        --color-bg-inverse: var(--color-neutral-900);
        --color-bg-overlay: rgb(15 23 42 / 0.5);
        --color-text: var(--color-neutral-900);
        --color-text-muted: var(--color-neutral-600);
        --color-text-subtle: var(--color-neutral-500);
        --color-text-inverse: var(--color-white);
        --color-text-link: var(--color-brand-600);
        --color-text-link-hover: var(--color-brand-700);
        --color-border: var(--color-neutral-200);
        --color-border-strong: var(--color-neutral-300);
        --color-border-focus: var(--color-brand-500);
        --color-primary: var(--color-brand-600);
        --color-primary-hover: var(--color-brand-700);
        --color-primary-active: var(--color-brand-800);
        --color-primary-subtle: var(--color-brand-50);
        --color-primary-subtle-hover: var(--color-brand-100);
        --color-primary-border: var(--color-brand-200);
        --color-primary-text: var(--color-brand-800);
        --color-primary-contrast: var(--color-white);
        --color-success: var(--color-green-600);
        --color-success-hover: var(--color-green-700);
        --color-success-active: var(--color-green-800);
        --color-success-subtle: var(--color-green-50);
        --color-success-subtle-hover: var(--color-green-100);
        --color-success-border: var(--color-green-200);
        --color-success-text: var(--color-green-800);
        --color-success-contrast: var(--color-white);
        --color-warning: var(--color-amber-600);
        --color-warning-hover: var(--color-amber-700);
        --color-warning-active: var(--color-amber-800);
        --color-warning-subtle: var(--color-amber-50);
        --color-warning-subtle-hover: var(--color-amber-100);
        --color-warning-border: var(--color-amber-200);
        --color-warning-text: var(--color-amber-800);
        --color-warning-contrast: var(--color-white);
        --color-danger: var(--color-red-600);
        --color-danger-hover: var(--color-red-700);
        --color-danger-active: var(--color-red-800);
        --color-danger-subtle: var(--color-red-50);
        --color-danger-subtle-hover: var(--color-red-100);
        --color-danger-border: var(--color-red-200);
        --color-danger-text: var(--color-red-800);
        --color-danger-contrast: var(--color-white);
        --color-info: var(--color-sky-600);
        --color-info-hover: var(--color-sky-700);
        --color-info-active: var(--color-sky-800);
        --color-info-subtle: var(--color-sky-50);
        --color-info-subtle-hover: var(--color-sky-100);
        --color-info-border: var(--color-sky-200);
        --color-info-text: var(--color-sky-800);
        --color-info-contrast: var(--color-white);
        --color-neutral: var(--color-neutral-700);
        --color-neutral-hover: var(--color-neutral-800);
        --color-neutral-active: var(--color-neutral-900);
        --color-neutral-subtle: var(--color-neutral-100);
        --color-neutral-subtle-hover: var(--color-neutral-200);
        --color-neutral-border: var(--color-neutral-300);
        --color-neutral-text: var(--color-neutral-800);
        --color-neutral-contrast: var(--color-white);
        --color-focus-ring: var(--color-brand-500);
        --color-scheme: light;
    }

    :root[data-theme="dark"] {
        --color-bg-canvas: var(--color-neutral-950);
        --color-bg-surface: var(--color-neutral-900);
        --color-bg-surface-raised: var(--color-neutral-800);
        --color-bg-subtle: var(--color-neutral-800);
        --color-bg-muted: var(--color-neutral-700);
        --color-bg-inverse: var(--color-neutral-50);
        --color-bg-overlay: rgb(2 6 23 / 0.7);
        --color-text: var(--color-neutral-50);
        --color-text-muted: var(--color-neutral-300);
        --color-text-subtle: var(--color-neutral-400);
        --color-text-inverse: var(--color-neutral-900);
        --color-text-link: var(--color-brand-300);
        --color-text-link-hover: var(--color-brand-200);
        --color-border: var(--color-neutral-700);
        --color-border-strong: var(--color-neutral-600);
        --color-border-focus: var(--color-brand-400);
        --color-primary: var(--color-brand-400);
        --color-primary-hover: var(--color-brand-300);
        --color-primary-active: var(--color-brand-200);
        --color-primary-subtle: var(--color-brand-950);
        --color-primary-subtle-hover: var(--color-brand-900);
        --color-primary-border: var(--color-brand-800);
        --color-primary-text: var(--color-brand-200);
        --color-primary-contrast: var(--color-neutral-950);
        --color-success: var(--color-green-400);
        --color-success-hover: var(--color-green-300);
        --color-success-active: var(--color-green-200);
        --color-success-subtle: var(--color-green-950);
        --color-success-subtle-hover: var(--color-green-900);
        --color-success-border: var(--color-green-800);
        --color-success-text: var(--color-green-200);
        --color-success-contrast: var(--color-neutral-950);
        --color-warning: var(--color-amber-400);
        --color-warning-hover: var(--color-amber-300);
        --color-warning-active: var(--color-amber-200);
        --color-warning-subtle: var(--color-amber-950);
        --color-warning-subtle-hover: var(--color-amber-900);
        --color-warning-border: var(--color-amber-800);
        --color-warning-text: var(--color-amber-200);
        --color-warning-contrast: var(--color-neutral-950);
        --color-danger: var(--color-red-400);
        --color-danger-hover: var(--color-red-300);
        --color-danger-active: var(--color-red-200);
        --color-danger-subtle: var(--color-red-950);
        --color-danger-subtle-hover: var(--color-red-900);
        --color-danger-border: var(--color-red-800);
        --color-danger-text: var(--color-red-200);
        --color-danger-contrast: var(--color-neutral-950);
        --color-info: var(--color-sky-400);
        --color-info-hover: var(--color-sky-300);
        --color-info-active: var(--color-sky-200);
        --color-info-subtle: var(--color-sky-950);
        --color-info-subtle-hover: var(--color-sky-900);
        --color-info-border: var(--color-sky-800);
        --color-info-text: var(--color-sky-200);
        --color-info-contrast: var(--color-neutral-950);
        --color-neutral: var(--color-neutral-200);
        --color-neutral-hover: var(--color-neutral-100);
        --color-neutral-active: var(--color-neutral-50);
        --color-neutral-subtle: var(--color-neutral-800);
        --color-neutral-subtle-hover: var(--color-neutral-700);
        --color-neutral-border: var(--color-neutral-600);
        --color-neutral-text: var(--color-neutral-100);
        --color-neutral-contrast: var(--color-neutral-950);
        --color-focus-ring: var(--color-brand-400);
        --shadow-color: rgb(0 0 0 / 0.4);
        --shadow-color-strong: rgb(0 0 0 / 0.6);
        --color-scheme: dark;
    }

    @media (prefers-color-scheme: dark) {
        :root:not([data-theme]) {
            --color-bg-canvas: var(--color-neutral-950);
            --color-bg-surface: var(--color-neutral-900);
            --color-bg-surface-raised: var(--color-neutral-800);
            --color-bg-subtle: var(--color-neutral-800);
            --color-bg-muted: var(--color-neutral-700);
            --color-bg-inverse: var(--color-neutral-50);
            --color-bg-overlay: rgb(2 6 23 / 0.7);
            --color-text: var(--color-neutral-50);
            --color-text-muted: var(--color-neutral-300);
            --color-text-subtle: var(--color-neutral-400);
            --color-text-inverse: var(--color-neutral-900);
            --color-text-link: var(--color-brand-300);
            --color-text-link-hover: var(--color-brand-200);
            --color-border: var(--color-neutral-700);
            --color-border-strong: var(--color-neutral-600);
            --color-border-focus: var(--color-brand-400);
            --color-primary: var(--color-brand-400);
            --color-primary-hover: var(--color-brand-300);
            --color-primary-active: var(--color-brand-200);
            --color-primary-subtle: var(--color-brand-950);
            --color-primary-subtle-hover: var(--color-brand-900);
            --color-primary-border: var(--color-brand-800);
            --color-primary-text: var(--color-brand-200);
            --color-primary-contrast: var(--color-neutral-950);
            --color-success: var(--color-green-400);
            --color-success-hover: var(--color-green-300);
            --color-success-active: var(--color-green-200);
            --color-success-subtle: var(--color-green-950);
            --color-success-subtle-hover: var(--color-green-900);
            --color-success-border: var(--color-green-800);
            --color-success-text: var(--color-green-200);
            --color-success-contrast: var(--color-neutral-950);
            --color-warning: var(--color-amber-400);
            --color-warning-hover: var(--color-amber-300);
            --color-warning-active: var(--color-amber-200);
            --color-warning-subtle: var(--color-amber-950);
            --color-warning-subtle-hover: var(--color-amber-900);
            --color-warning-border: var(--color-amber-800);
            --color-warning-text: var(--color-amber-200);
            --color-warning-contrast: var(--color-neutral-950);
            --color-danger: var(--color-red-400);
            --color-danger-hover: var(--color-red-300);
            --color-danger-active: var(--color-red-200);
            --color-danger-subtle: var(--color-red-950);
            --color-danger-subtle-hover: var(--color-red-900);
            --color-danger-border: var(--color-red-800);
            --color-danger-text: var(--color-red-200);
            --color-danger-contrast: var(--color-neutral-950);
            --color-info: var(--color-sky-400);
            --color-info-hover: var(--color-sky-300);
            --color-info-active: var(--color-sky-200);
            --color-info-subtle: var(--color-sky-950);
            --color-info-subtle-hover: var(--color-sky-900);
            --color-info-border: var(--color-sky-800);
            --color-info-text: var(--color-sky-200);
            --color-info-contrast: var(--color-neutral-950);
            --color-neutral: var(--color-neutral-200);
            --color-neutral-hover: var(--color-neutral-100);
            --color-neutral-active: var(--color-neutral-50);
            --color-neutral-subtle: var(--color-neutral-800);
            --color-neutral-subtle-hover: var(--color-neutral-700);
            --color-neutral-border: var(--color-neutral-600);
            --color-neutral-text: var(--color-neutral-100);
            --color-neutral-contrast: var(--color-neutral-950);
            --color-focus-ring: var(--color-brand-400);
            --shadow-color: rgb(0 0 0 / 0.4);
            --shadow-color-strong: rgb(0 0 0 / 0.6);
            --color-scheme: dark;
        }
    }
}