:root{--color-primary: #0f766e;--color-primary-hover: #0d9488;--color-primary-muted: #ccfbf1;--color-primary-border: #99f6e4;--color-on-primary: #ffffff;--color-platform-accent: #475569;--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-muted: #64748b;--brand-600: var(--color-primary);--brand-700: var(--color-primary-hover);--brand-500: #14b8a6;--brand-50: var(--color-primary-muted)}.dark{--color-primary: #14b8a6;--color-primary-hover: #2dd4bf;--color-primary-muted: #134e4a;--color-primary-border: #115e59;--color-on-primary: #0f172a;--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-surface: #1e293b;--color-border: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--brand-600: var(--color-primary);--brand-700: var(--color-primary-hover);--brand-500: #2dd4bf;--brand-50: var(--color-primary-muted)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}.bg-primary{background-color:var(--color-primary)}.bg-primary-hover:hover,.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.bg-primary-muted{background-color:var(--color-primary-muted)}.text-primary{color:var(--color-primary)}.text-on-primary{color:var(--color-on-primary)}.border-primary{border-color:var(--color-primary-border)}.ring-primary{--tw-ring-color: var(--color-primary)}.focus-primary:focus{border-color:var(--color-primary);--tw-ring-color: var(--color-primary)}.nav-active{background-color:var(--color-primary-muted);color:var(--color-primary)}.dark .nav-active{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}