@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}:root{--bg-primary:#efe6dd;--bg-secondary:#e6dad0;--bg-glass:rgba(35, 31, 32, 0.035);--accent-iris-1:#bb4430;--accent-iris-2:#7ebdc2;--accent-iris-3:#f3dfa2;--accent-iris-4:#efe6dd;--text-primary:#231f20;--text-secondary:#484344;--text-muted:#726b6c;--border-subtle:rgba(35, 31, 32, 0.12);--border-active:rgba(187, 68, 48, 0.75);--gradient-iris:linear-gradient(135deg, #bb4430, #7ebdc2, #f3dfa2);--gradient-glow:radial-gradient(ellipse at center, rgba(126, 189, 194, 0.12) 0%, transparent 70%);--font-display:'Syncopate',sans-serif;--font-title:'Syne',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'JetBrains Mono',monospace;--transition-smooth:300ms cubic-bezier(0.16, 1, 0.3, 1);--transition-fast:200ms cubic-bezier(0.16, 1, 0.3, 1);--transition-elastic:600ms cubic-bezier(0.34, 1.56, 0.64, 1)}