/**
 * Generated Design Tokens - DO NOT EDIT MANUALLY
 * 
 * This file is automatically generated from UnifiedTokenRegistry.
 * To modify tokens, edit: src/Framework/Design/ValueObjects/UnifiedTokenRegistry.php
 * 
 * Generated: 2025-11-24 00:58:13
 * Source: UnifiedTokenRegistry
 * Scope: unified
 * Architecture: ITCSS
 */
@layer unified-settings {
    :root {
        --color-primary: oklch(70% 0.2 295); /* Color: primary */
        --color-primary-hover: oklch(65% 0.22 295); /* Color: primary-hover */
        --color-primary-active: oklch(60% 0.25 295); /* Color: primary-active */
        --color-success: oklch(60% 0.22 145); /* Color: success */
        --color-warning: oklch(70% 0.22 85); /* Color: warning */
        --color-error: oklch(60% 0.25 25); /* Color: error */
        --color-info: oklch(65% 0.2 240); /* Color: info */
        --color-bg: oklch(18% 0.01 270); /* Color: bg */
        --color-bg-alt: oklch(26% 0.015 270); /* Color: bg-alt */
        --color-text: oklch(95% 0.005 270); /* Color: text */
        --color-text-muted: oklch(70% 0.01 270); /* Color: text-muted */
        --color-border: oklch(40% 0.02 270); /* Color: border */
        --color-border-light: oklch(50% 0.02 270); /* Color: border-light */
        --spacing-xs: 0.25rem; /* Extra small spacing */
        --spacing-sm: 0.5rem; /* Small spacing */
        --spacing-md: 1rem; /* Medium spacing */
        --spacing-lg: 1.5rem; /* Large spacing */
        --spacing-xl: 2rem; /* Extra large spacing */
        --spacing-2xl: 3rem; /* Double extra large spacing */
        --font-size-xs: 0.75rem; /* Extra small font size */
        --font-size-sm: 0.875rem; /* Small font size */
        --font-size-base: 1rem; /* Base font size */
        --font-size-lg: 1.125rem; /* Large font size */
        --font-size-xl: 1.25rem; /* Extra large font size */
        --font-size-2xl: 1.5rem; /* Double extra large font size */
        --font-size-3xl: 1.875rem; /* Triple extra large font size */
        --font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Base font family */
        --font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace; /* Monospace font family */
        --font-weight-normal: 400; /* Normal font weight */
        --font-weight-medium: 500; /* Medium font weight */
        --font-weight-semibold: 600; /* Semibold font weight */
        --font-weight-bold: 700; /* Bold font weight */
        --line-height-tight: 1.25; /* Tight line height */
        --line-height-normal: 1.5; /* Normal line height */
        --line-height-relaxed: 1.75; /* Relaxed line height */
        --radius-sm: 0.25rem; /* Small border radius */
        --radius-md: 0.375rem; /* Medium border radius */
        --radius-lg: 0.5rem; /* Large border radius */
        --radius-xl: 0.75rem; /* Extra large border radius */
        --radius-full: 9999px; /* Full border radius (pill shape) */
        --shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / 0.05); /* Small shadow */
        --shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 0.1), 0 2px 4px -1px oklch(0% 0 0 / 0.06); /* Medium shadow */
        --shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 0.1), 0 4px 6px -2px oklch(0% 0 0 / 0.05); /* Large shadow */
        --shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / 0.1), 0 10px 10px -5px oklch(0% 0 0 / 0.04); /* Extra large shadow */
        --z-base: 1; /* Base z-index */
        --z-header: 90; /* Header z-index */
        --z-sidebar: 100; /* Sidebar z-index */
        --z-overlay: 120; /* Overlay z-index */
        --z-modal: 130; /* Modal z-index */
        --z-tooltip: 140; /* Tooltip z-index */
        --z-toast: 150; /* Toast z-index */
        --transition-fast: 0.15s ease; /* Fast transition */
        --transition-base: 0.2s ease; /* Base transition */
        --transition-slow: 0.3s ease; /* Slow transition */
        --bg-primary: oklch(98% 0.01 280); /* Color: bg-primary */
        --bg-secondary: oklch(95% 0.01 280); /* Color: bg-secondary */
        --bg-tertiary: oklch(92% 0.01 280); /* Color: bg-tertiary */
        --sidebar-bg: oklch(25% 0.02 280); /* Color: sidebar-bg */
        --sidebar-text: oklch(90% 0.01 280); /* Color: sidebar-text */
        --sidebar-text-hover: oklch(100% 0 0); /* Color: sidebar-text-hover */
        --sidebar-active: oklch(45% 0.15 280); /* Color: sidebar-active */
        --sidebar-border: oklch(30% 0.02 280); /* Color: sidebar-border */
        --header-bg: oklch(100% 0 0); /* Color: header-bg */
        --header-border: oklch(85% 0.01 280); /* Color: header-border */
        --header-text: oklch(20% 0.02 280); /* Color: header-text */
        --content-bg: oklch(100% 0 0); /* Color: content-bg */
        --content-text: oklch(20% 0.02 280); /* Color: content-text */
        --link-color: oklch(55% 0.2 260); /* Color: link-color */
        --link-hover: oklch(45% 0.25 260); /* Color: link-hover */
        --link-active: oklch(35% 0.3 260); /* Color: link-active */
        --accent-primary: oklch(60% 0.2 280); /* Color: accent-primary */
        --accent-success: oklch(65% 0.2 145); /* Color: accent-success */
        --accent-warning: oklch(70% 0.2 85); /* Color: accent-warning */
        --accent-error: oklch(60% 0.25 25); /* Color: accent-error */
        --accent-info: oklch(65% 0.2 240); /* Color: accent-info */
        --border-light: oklch(90% 0.01 280); /* Color: border-light */
        --border-medium: oklch(80% 0.02 280); /* Color: border-medium */
        --border-dark: oklch(70% 0.02 280); /* Color: border-dark */
        --focus-ring: oklch(55% 0.2 260); /* Color: focus-ring */
        --hover-overlay: oklch(0% 0 0 / 0.05); /* Color: hover-overlay */
        --spacing-sidebar: 250px; /* Sidebar width */
        --spacing-sidebar-wide: 280px; /* Sidebar width on wide screens */
        --spacing-header: 4rem; /* Header height */
        --spacing-content-padding: 2rem; /* Content padding */
        --spacing-content-max-width: 1400px; /* Content maximum width */
        --icon-size-sm: 16px; /* Small icon size */
        --icon-size-md: 18px; /* Medium icon size */
        --icon-size-lg: 24px; /* Large icon size */
        --z-dropdown: 110; /* Dropdown z-index */
        --container-mobile: 100px; /* Mobile container width (100%) */
        --container-tablet: 720px; /* Tablet container width */
        --container-desktop: 960px; /* Desktop container width */
        --container-wide: 1400px; /* Wide container width */
        --breakpoint-tablet: 768px; /* Tablet breakpoint */
        --breakpoint-desktop: 1024px; /* Desktop breakpoint */
        --breakpoint-wide: 1440px; /* Wide breakpoint */
    }
    @media (dynamic-range: high) {
    }
    @supports (color: color(display-p3 1 0 0)) {
    }
    @media (prefers-color-scheme: dark) {
        :root {
            --color-primary: oklch(60% 0.22 295); /* Dark mode variant */
            --color-primary-hover: oklch(55% 0.24 295); /* Dark mode variant */
            --color-primary-active: oklch(50% 0.27 295); /* Dark mode variant */
            --color-success: oklch(65% 0.24 145); /* Dark mode variant */
            --color-warning: oklch(75% 0.24 85); /* Dark mode variant */
            --color-error: oklch(65% 0.27 25); /* Dark mode variant */
            --color-info: oklch(70% 0.22 240); /* Dark mode variant */
            --color-bg: oklch(20% 0.02 270); /* Dark mode variant */
            --color-bg-alt: oklch(23% 0.02 270); /* Dark mode variant */
            --color-text: oklch(90% 0.01 270); /* Dark mode variant */
            --color-text-muted: oklch(75% 0.01 270); /* Dark mode variant */
            --color-border: oklch(30% 0.02 270); /* Dark mode variant */
            --color-border-light: oklch(35% 0.02 270); /* Dark mode variant */
            --bg-primary: oklch(20% 0.02 280); /* Dark mode variant */
            --bg-secondary: oklch(23% 0.02 280); /* Dark mode variant */
            --bg-tertiary: oklch(26% 0.02 280); /* Dark mode variant */
            --sidebar-bg: oklch(15% 0.02 280); /* Dark mode variant */
            --sidebar-text: oklch(75% 0.02 280); /* Dark mode variant */
            --sidebar-text-hover: oklch(95% 0.01 280); /* Dark mode variant */
            --sidebar-active: oklch(35% 0.2 280); /* Dark mode variant */
            --sidebar-border: oklch(25% 0.02 280); /* Dark mode variant */
            --header-bg: oklch(18% 0.02 280); /* Dark mode variant */
            --header-border: oklch(30% 0.02 280); /* Dark mode variant */
            --header-text: oklch(90% 0.01 280); /* Dark mode variant */
            --content-bg: oklch(20% 0.02 280); /* Dark mode variant */
            --content-text: oklch(90% 0.01 280); /* Dark mode variant */
            --link-color: oklch(70% 0.2 260); /* Dark mode variant */
            --link-hover: oklch(80% 0.22 260); /* Dark mode variant */
            --link-active: oklch(85% 0.25 260); /* Dark mode variant */
            --accent-primary: oklch(65% 0.22 280); /* Dark mode variant */
            --accent-success: oklch(70% 0.22 145); /* Dark mode variant */
            --accent-warning: oklch(75% 0.22 85); /* Dark mode variant */
            --accent-error: oklch(65% 0.27 25); /* Dark mode variant */
            --accent-info: oklch(70% 0.22 240); /* Dark mode variant */
            --border-light: oklch(30% 0.02 280); /* Dark mode variant */
            --border-medium: oklch(35% 0.02 280); /* Dark mode variant */
            --border-dark: oklch(40% 0.02 280); /* Dark mode variant */
            --focus-ring: oklch(70% 0.2 260); /* Dark mode variant */
            --hover-overlay: oklch(100% 0 0 / 0.05); /* Dark mode variant */
        }
    }
}