.button{padding:var(--space-3) var(--space-5);border-radius:var(--radius);color:var(--text-on-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-slow);border:none;font-weight:600}.button-primary{background:var(--primary)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border:1px solid var(--border);color:var(--text);background:0 0}.button-secondary:hover{background:var(--surface-hover)}.button-danger{background:var(--error)}.button-danger:hover{filter:brightness(.9)}.button:disabled{opacity:.6;cursor:not-allowed}.page-header{align-items:center;gap:var(--space-5);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);display:flex}.page-header-center{margin:0 var(--space-2);flex:1}.page-header-title{font-family:var(--font-display);color:var(--text);font-size:2.25rem;font-weight:400}.page-header-subtitle{color:var(--text-light);line-height:1.5;font-size:var(--font-md)}.page-header-right{align-items:center;gap:var(--space-3);margin:var(--space-2);margin-left:auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);transition:border-color var(--transition) ease;width:100%}.card-bg{background:var(--bg)}.card-surface{background:var(--surface)}.card-surface-hover{background:var(--surface-hover)}.card-primary,.card-primary-dark,.card-secondary,.card-secondary-dark,.card-accent,.card-accent-dark,.card-success,.card-warning,.card-error,.card-info,.card-favorite,.card-disabled,.card-primary-gradient,.card-secondary-gradient,.card-accent-gradient,.card-surface-gradient,.card-surface-hover-gradient{border:none}.card-primary{background:var(--primary)}.card-primary-dark{background:var(--primary-dark)}.card-secondary{background:var(--secondary)}.card-secondary-dark{background:var(--secondary-dark)}.card-accent{background:var(--accent)}.card-accent-dark{background:var(--accent-dark)}.card-success{background:var(--success)}.card-warning{background:var(--warning)}.card-error{background:var(--error)}.card-info{background:var(--info)}.card-favorite{background:var(--favorite)}.card-disabled{background:var(--disabled)}.card-primary-gradient{background:var(--primary-gradient)}.card-secondary-gradient{background:var(--secondary-gradient)}.card-accent-gradient{background:var(--accent-gradient)}.card-surface-gradient{background:var(--surface-gradient)}.card-surface-hover-gradient{background:var(--surface-hover-gradient)}