:root{--color-primary: #5b6d5b;--color-primary-dark: #455245;--color-primary-darker: #2e3b2e;--color-primary-light: #7a8f7a;--color-primary-lighter:#a3b5a3;--color-primary-50: #f0f3f0;--color-primary-100: #dde6dd;--color-primary-200: #bfd1bf;--color-primary-300: #9bb89b;--color-primary-400: #7a9f7a;--color-primary-500: #5b6d5b;--color-primary-600: #4d5e4d;--color-primary-700: #3f4f3f;--color-primary-800: #2e3b2e;--color-primary-900: #1e271e;--gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--color-bg-page: #f8f9f8;--color-surface: #ffffff;--color-surface-2: #f8faf8;--color-border: #e2e8f0;--color-border-focus: var(--color-primary);--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-on-brand: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--radius-xs: .5rem;--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-pill: 9999px;--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .05), 0 1px 2px -1px rgb(0 0 0 / .05);--shadow-modal: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-brand: 0 10px 25px -5px color-mix(in srgb, var(--color-primary) 30%, transparent);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-sticky: 50;--z-overlay: 100;--z-modal: 150;--z-tooltip: 200}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-brand{background-color:var(--color-primary)}.bg-brand-dark{background-color:var(--color-primary-dark)}.bg-brand-50{background-color:var(--color-primary-50)}.bg-brand-100{background-color:var(--color-primary-100)}.bg-brand-gradient{background:var(--gradient-brand)}.text-brand{color:var(--color-primary)}.text-brand-dark{color:var(--color-primary-dark)}.text-on-brand{color:var(--color-text-on-brand)}.border-brand{border-color:var(--color-primary)}.ring-brand{--tw-ring-color: var(--color-primary)}.shadow-brand{box-shadow:var(--shadow-brand)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-modal{box-shadow:var(--shadow-modal)}.focus-brand:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.hover-brand:hover{background-color:var(--color-primary-dark)}@keyframes pulse-brand{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-brand{animation:pulse-brand 2s cubic-bezier(.4,0,.6,1) infinite}