:root{--color-primary: #7a6c47;--color-primary-hover: #3d3528;--color-primary-light: #bfa46f;--color-primary-fg: #fff8e7;--color-success: #22c55e;--color-success-fg: #0a0814;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-fg: #fff8e7;--color-danger-light: #fee2e2;--color-danger-hover: #fef2f2;--color-text-dark: #0a0814;--color-text: #5a5570;--color-text-muted: #5a5042;--color-text-light: #9e9686;--color-text-lighter: #bfa46f;--color-border: rgba(10,8,20,.12);--color-border-light: rgba(10,8,20,.08);--color-bg: #ffffff;--color-bg-light: #faf7f0;--color-bg-lighter: #f5efe0;--color-canvas: #faf7f0;--color-glass: rgba(255,253,245,.92);--color-glass-hover: rgba(255,253,245,1);--color-glass-solid: rgba(255,253,245,.96);--color-glass-panel: rgba(255,253,245,.95);--color-input-bg: #ffffff;--color-userstory-bg: #fff8e7;--color-tooltip-bg: #0a0814;--color-tooltip-text: #fff8e7;--color-card-label: #0a0814;--color-shadow: rgba(10,8,20,.08);--color-shadow-heavy: rgba(10,8,20,.25);--color-subtle-border: rgba(10,8,20,.06);--color-subtle-hover: rgba(10,8,20,.08);--color-logo-layer1-bg: #f5edd6;--color-logo-layer1-stroke: #e8dcb8;--color-logo-layer2-bg: #e8dcb8;--color-logo-layer2-stroke: #bfa46f;--color-logo-layer3-bg: #bfa46f;--color-logo-layer3-stroke: #3d3528;--color-logo-layer4-bg: #3d3528;--color-logo-layer4-stroke: #0a0814;--color-logo-text: #0a0814;--color-logo-tagline: #5a5042;--font-family: "Open Sans", system-ui, sans-serif;--font-display: "Open Sans", system-ui, sans-serif;--font-mono: "Open Sans", "SF Mono", "Consolas", monospace;--panel-width: 420px;--cream-50: #fffdf5;--cream-100: #fff8e7;--cream-200: #f5edd6;--cream-300: #e8dcb8;--cream-400: #d6cdb1;--cream-500: #bfa46f;--cream-deep: #3d3528;--bezel-shadow: 0 4px 12px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .18), inset 0 4px 2px -3px rgba(255, 255, 255, .55), inset 0 -3px 6px -3px rgba(0, 0, 0, .35);--bezel-shadow-hover: 0 6px 16px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .18), inset 0 4px 2px -3px rgba(255, 255, 255, .55), inset 0 -3px 6px -3px rgba(0, 0, 0, .35);--bezel-shadow-active: 0 2px 6px rgba(0, 0, 0, .25), inset 0 2px 4px rgba(0, 0, 0, .3)}[data-theme=dark]{--color-primary: #fff8e7;--color-primary-hover: #f5edd6;--color-primary-light: #bfa46f;--color-primary-fg: #0a0814;--color-success: #4ade80;--color-success-fg: #0a0814;--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-fg: #0a0814;--color-danger-light: #371520;--color-danger-hover: #4c1d2a;--color-text-dark: #fff8e7;--color-text: #d6cdb1;--color-text-muted: #bfa46f;--color-text-light: #9e9686;--color-text-lighter: rgba(255,248,231,.45);--color-border: rgba(255,248,231,.16);--color-border-light: rgba(255,248,231,.1);--color-bg: #0a0814;--color-bg-light: #15102a;--color-bg-lighter: #1e1b30;--color-canvas: #0a0814;--color-glass: rgba(10,8,20,.92);--color-glass-hover: rgba(21,16,42,1);--color-glass-solid: rgba(10,8,20,.96);--color-glass-panel: rgba(10,8,20,.95);--color-input-bg: #15102a;--color-userstory-bg: #1e1b30;--color-tooltip-bg: #fff8e7;--color-tooltip-text: #0a0814;--color-card-label: #fff8e7;--color-shadow: rgba(0,0,0,.3);--color-shadow-heavy: rgba(0,0,0,.5);--color-subtle-border: rgba(255,248,231,.06);--color-subtle-hover: rgba(255,248,231,.08);--color-logo-layer1-bg: #0a0814;--color-logo-layer1-stroke: #1e1b30;--color-logo-layer2-bg: #1e1b30;--color-logo-layer2-stroke: #3d3528;--color-logo-layer3-bg: #3d3528;--color-logo-layer3-stroke: #bfa46f;--color-logo-layer4-bg: #bfa46f;--color-logo-layer4-stroke: #d6cdb1;--color-logo-text: #fff8e7;--color-logo-tagline: #d6cdb1;--font-family: "Open Sans", system-ui, sans-serif;--font-display: "Open Sans", system-ui, sans-serif;--font-mono: "Open Sans", "SF Mono", "Consolas", monospace;--panel-width: 420px;--cream-50: #fffdf5;--cream-100: #fff8e7;--cream-200: #f5edd6;--cream-300: #e8dcb8;--cream-400: #d6cdb1;--cream-500: #bfa46f;--cream-deep: #3d3528;--bezel-shadow: 0 4px 12px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35), inset 0 4px 2px -3px rgba(255, 255, 255, .55), inset 0 -3px 6px -3px rgba(0, 0, 0, .45);--bezel-shadow-hover: 0 6px 16px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35), inset 0 4px 2px -3px rgba(255, 255, 255, .55), inset 0 -3px 6px -3px rgba(0, 0, 0, .45);--bezel-shadow-active: 0 2px 6px rgba(0, 0, 0, .4), inset 0 2px 4px rgba(0, 0, 0, .4)}