/* Brightr shared design system: ONE look across every view. Linked LAST in each page's , so these rules win over any local drift. Tokens mirror the values already used app-wide; the visible change is the FONT (Inter, which was actually system-default in every view) plus font smoothing. Deeper component unification lives in the templates; this file is the anchor. */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); :root{ /* brand + neutrals (canonical) */ --brand:#E8593C; --brand-dark:#cf4628; --ink:#23201e; --muted:#5f5a54; --border:#ece7e0; --bg:#f6f2ec; --card:#ffffff; --ok:#1e6b3a; --warn:#b25a00; --err:#c0392b; /* type */ --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --mono:ui-monospace,Menlo,Consolas,monospace; /* radius scale */ --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --pill:999px; /* spacing scale (4pt) */ --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; } /* Apply Inter everywhere. Every view previously fell back to the OS font; this is the single place that fixes it. Controls inherit so they never slip either. */ html, body{ font-family:var(--font); } button, input, textarea, select{ font-family:inherit; } /* Inter reads a hair heavier than the old system font; smooth it to match. */ body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }