:root{--bg-main: #f7f7f7;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .95);--border: #e5e7eb;--text-primary: #0b0b0b;--text-secondary: #4b5563;--muted: #6b7280;--icon: #6b7280}.dark{--bg-main: #050505;--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text-primary: #f5f5f5;--text-secondary: #cbd5e1;--muted: #94a3b8;--icon: #cbd5e1}.bg-main{background-color:var(--bg-main)}.bg-surface{background-color:var(--surface)}.bg-surface-strong{background-color:var(--surface-strong)}.border-theme{border-color:var(--border)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--muted)}.icon-theme{color:var(--icon)}.bg-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px}.section-tag{color:#d4af37;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;display:block}.btn-outline-pill{padding:.75rem 1.5rem;border-radius:9999px;border:1px solid #d1d5db;background:transparent;color:#1f2937;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.btn-outline-pill:hover{border-color:#d4af37;color:#d4af37}.dark .btn-outline-pill{border-color:#fff3;color:#e5e7eb}.dark .btn-outline-pill:hover{border-color:#d4af37;color:#d4af37}