:root{--bg-app: #0F0E0C;--bg-surface-1: #151311;--bg-surface-2: #1B1815;--bg-surface-3: #211D19;--bg-hover: #26211D;--border-subtle: #2A2520;--border-strong: #3A312B;--text-primary: #F5F1EC;--text-secondary: #D9CEC3;--text-muted: #A89A8D;--text-disabled: #6E655E;--accent: #E17055;--accent-hover: #EB8369;--accent-soft: rgba(225,112,85,.12);--accent-glow: rgba(225,112,85,.18);--success: #4FBF71;--success-soft: rgba(79,191,113,.14);--warning: #D9A441;--warning-soft: rgba(217,164,65,.14);--danger: #D66A57;--danger-soft: rgba(214,106,87,.14);--font-family: "DM Sans", sans-serif;--text-page-title: 700 24px/30px var(--font-family);--text-section-title: 600 20px/26px var(--font-family);--text-card-title: 600 18px/24px var(--font-family);--text-body: 450 16px/24px var(--font-family);--text-meta: 450 14px/20px var(--font-family);--text-label: 600 12px/16px var(--font-family);--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-card: inset 0 1px 0 rgba(255,255,255,.03), 0 12px 32px rgba(0,0,0,.28);--shadow-card-hover: inset 0 1px 0 rgba(255,255,255,.03), 0 16px 40px rgba(0,0,0,.34);--shadow-accent: 0 0 0 1px var(--accent-glow), 0 16px 40px rgba(0,0,0,.34)}*:focus-visible{outline:2px solid #F0B09E;outline-offset:2px}*:focus:not(:focus-visible){outline:none}