/* Trade Pricing Portal — design tokens. Steel navy ground, white working surfaces, ONE accent (brass by default). The accent is the single value below; admin can override it at runtime by setting --accent on . Everything else derives from these. */ :root{ /* palette */ --navy-900:#0B1420; --navy-800:#111D2C; --navy-700:#1A2A3D; --navy-600:#25384F; --steel-500:#4A6079; --steel-300:#8FA1B6; --steel-200:#C3CEDA; --steel-100:#E4E9EF; --paper:#F5F7F9; --white:#FFFFFF; --ink:#0E1620; --ink-2:#3B4754; --ink-3:#6B7784; --accent:#B08D57; /* brass — the one accent */ --accent-ink:#1A1206; --accent-soft:rgba(176,141,87,.14); --ok:#2E8B57; --warn:#C9922B; --bad:#C0392B; /* type */ --font:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace; --fs-xs:.75rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.25rem; --fs-xl:1.75rem; --fs-2xl:2.5rem; --lh:1.5; /* space & shape */ --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --r-sm:4px; --r-md:8px; --r-lg:14px; --chamfer:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)); --shadow-1:0 1px 2px rgba(11,20,32,.06), 0 4px 16px rgba(11,20,32,.06); --shadow-2:0 8px 32px rgba(11,20,32,.14); --bw:1px; --ease:cubic-bezier(.2,.7,.2,1); }