body,html{margin:0;padding:0;overflow:hidden;
    background:var(--bg);color:var(--text);
    font-family:'Inter','-apple-system',sans-serif;font-size:clamp(14px,1.05vw,16px)}
*,*::before,*::after{box-sizing:border-box}
textarea,input,select,button{font-family:inherit}
:root{
    --radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;
    --transition-fast:0.15s ease;--transition-normal:0.3s ease;
    --fs-caption:0.75rem;
    --fs-small:0.8125rem;
    --fs-body:0.9375rem;
    --fs-title:1.125rem;
    --fs-heading:1.25rem;
    --fs-display:1.75rem;
    --fs-hero:2.25rem;
    --sp-1:0.25rem; --sp-2:0.5rem; --sp-3:0.75rem; --sp-4:1rem;
    --sp-5:1.25rem; --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem; --sp-12:3rem;
}
:root{
    --bg:#0a0a0a;--surface:#1a1a1a;--surface-2:#2a2a2a;
    --border:#404040;--border-hover:#5a5a5a;
    --text:#e5e7eb;--text-dim:#a1a1aa;--text-muted:#717182;
    --accent:#d4af37;--accent-hover:#e6c14c;
    --success:#22c55e;--warning:#f59e0b;--error:#ef4444;
    --text-on-color:#0a0a0a;
    --secondary:#d4af37;
    --error-rgb:239,68,68;
    --hover-bg:rgba(212,175,55,0.08);
}
:root:not(.dark){
    --bg:#faf8f4;--surface:#ffffff;--surface-2:#f0eeea;
    --border:#e0d6cc;--border-hover:#d4c7b8;
    --text:#2d2d2d;--text-dim:#717182;--text-muted:#8a8a8a;
    --accent:#b8860b;--accent-hover:#d4af37;
    --success:#16a34a;--warning:#d97706;--error:#dc2626;
    --text-on-color:#0a0a0a;
    --secondary:#b8860b;
    --error-rgb:220,38,38;
    --hover-bg:rgba(184,134,11,0.05);
}

/* Forge component tokens */
:root{
    --forge-button-bg:var(--accent);
    --forge-button-text:var(--text-on-color);
    --forge-button-hover-bg:var(--accent-hover);
    --forge-button-border-radius:var(--radius-md);
    --forge-nav-bg:var(--surface);
    --forge-nav-text:var(--text);
    --forge-nav-border:var(--border);
    --forge-input-bg:var(--surface);
    --forge-input-text:var(--text);
    --forge-input-border:var(--border);
    --forge-input-border-radius:var(--radius-md);
    --forge-input-min-height:2.5rem;
    --forge-toggle-checked-bg:var(--accent);
    --forge-form-error-color:var(--error);
    --forge-form-input-bg:var(--surface);
    --forge-form-input-border:var(--border);
    --forge-form-input-border-radius:var(--radius-md);
    --forge-form-input-min-height:2.5rem;
    --forge-form-input-readonly:var(--surface-2);
    --forge-form-input-text:var(--text);
    --forge-form-input-width:100%;
    --forge-form-label-text:var(--text);
    --forge-form-submit-bg:var(--accent);
    --forge-form-submit-text:var(--text-on-color);
    --color-bg:var(--bg);
    --color-text:var(--text);
    --color-text-secondary:var(--text-dim);
    --color-surface-card:var(--surface-2);
    --color-surface-input:var(--surface);
    --border-color:var(--border);
    --accent-soft:var(--hover-bg);
    --color_menu_background:var(--surface);
    --color_menu_btn:var(--accent);
    --color_text_light:var(--text-dim);
    --forge-kanban-card-bg:var(--surface);
    --forge-auth-canvas-bg:var(--bg);
    --forge-auth-card-bg:var(--surface);
    --forge-auth-card-border:var(--border);
    --forge-auth-title-color:var(--text);
    --forge-auth-label-color:var(--text-dim);
    --forge-auth-input-bg:var(--surface-2);
    --forge-auth-input-border:var(--border);
    --forge-auth-input-text:var(--text);
    --forge-auth-error-color:var(--error);
    --forge-auth-link-color:var(--accent);
    --forge-auth-link-hover-opacity:1;
}
