:root{--heading-font:var(--font-playfair),serif}.content-area{min-height:100vh;color:var(--content-text-primary);padding:1.5rem;transition:background .4s,color .4s}.content-area-dark{background:var(--background-secondary)}.content-area-light{background:var(--background)}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6,.content-heading{font-family:var(--heading-font);color:var(--brand-heading)}.content-area p,.content-area span,.content-area label,.content-area div{color:var(--content-text-primary)}.content-card{border:1px solid var(--border);background:var(--surface);color:var(--content-text-primary);border-radius:.9rem;padding:1.25rem;transition:transform .2s,border-color .2s}.note-card{position:relative}[data-theme=dark] .note-card{color:#fff;background:#413e42;border-color:#5d5a63}[data-theme=dark] .note-card .content-heading,[data-theme=dark] .note-card p,[data-theme=dark] .note-card span,[data-theme=dark] .note-card label,[data-theme=dark] .note-card div{color:#fff}.content-card-clickable{cursor:pointer}.content-card-clickable:hover{border-color:var(--brand-heading);transform:translateY(-4px)}.content-card h3,.content-card h4{font-family:var(--heading-font);color:var(--brand-heading)}.content-button{text-shadow:none;border:1px solid #0000;border-radius:.35rem;transition:background .2s,color .2s,border .2s}.content-button-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-border)}.content-button-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.content-button-outline{color:var(--button-outline-text);border-color:var(--button-outline-text);background:0 0}.content-button-ghost{color:var(--button-ghost-text);background:0 0}.content-button-danger{color:var(--danger-color);background:0 0;border-color:#0000}.form-label{color:var(--content-text-muted);margin-bottom:.35rem;font-size:.85rem;display:block}.form-control{border:1px solid var(--form-border);background:var(--form-bg);width:100%;color:var(--content-text-primary);border-radius:.5rem;padding:.85rem 1rem;transition:border .2s,box-shadow .2s}.form-control::placeholder{color:var(--form-placeholder)}.form-control:focus{border-color:var(--brand-heading);outline:none;box-shadow:0 0 0 1px #ffffff08}.form-control-error{border-color:#f87171}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:1rem}.icon-button{border:1px solid var(--icon-button-border);background:var(--icon-button-bg);width:2.5rem;height:2.5rem;color:var(--button-outline-text);border-radius:.4rem;justify-content:center;align-items:center;transition:background .2s,border .2s;display:inline-flex}.icon-button:hover{background:var(--icon-button-hover)}.icon-button-danger{color:var(--danger-color);background:0 0;border:none}.icon-button-danger:hover{opacity:.85}.dashboard-accent-card{background:var(--dashboard-accent-primary);color:#2b1130;border:1px solid #0000}.dashboard-accent-card:hover{background:var(--dashboard-accent-secondary);color:#2b1130}.dashboard-accent-pill{background:var(--dashboard-accent-primary);color:#2b1130;border:1px solid #0000}.dashboard-accent-pill:hover{background:var(--dashboard-accent-secondary);color:#2b1130}.dashboard-accent-text,.dashboard-accent-subtext{color:var(--content-text-primary);transition:color .2s}.dashboard-accent-subtext{opacity:.85}.dashboard-accent-card:hover .dashboard-accent-text,.dashboard-accent-pill:hover .dashboard-accent-text,.dashboard-accent-card:hover .dashboard-accent-subtext,.dashboard-accent-pill:hover .dashboard-accent-subtext{opacity:1;color:#000!important}.content-area .text-zinc-900,.content-area .text-zinc-800,.content-area .text-zinc-700,.content-area .text-zinc-600,.content-area .text-zinc-100,.content-area .text-white,.content-area .text-\[\#f5f5f5\],.content-area .text-\[\#2b0f1d\],.content-area .text-\[\#4a1628\]{color:var(--content-text-primary)!important}.content-area .text-zinc-500,.content-area .text-zinc-400,.content-area .text-zinc-300,.content-area .text-\[\#a3a3a3\],.content-area .text-\[\#737373\]{color:var(--content-text-muted)!important}