/* ========================================================================= getyonovip — Site stylesheet Theme mode: soft-green-commerce / cool-gray app marketplace background Accent family: cobalt-command Type: condensed-lobby-headlines (Inter Tight + Inter) Light surfaces default; high-contrast orange CTA. Lobby density: provider-shelves ========================================================================= */ :root{ /* surfaces */ --bg: #f6f7f9; --bg-2: #ffffff; --bg-3: #f0f2f5; --ink: #0f1726; --ink-2: #1f2a3d; --muted: #5b6473; --line: #d8dde5; --line-2: #e7eaef; /* brand */ --orange: #a04404; --orange-2: #7a3500; --orange-soft: #fff1e3; --amber: #ffb020; --cobalt: #1448c8; --cobalt-2: #0d3aa6; --green: #1f7a55; --green-soft: #e3f4eb; --dark: #0b1120; /* geometry */ --r1: 8px; --r2: 12px; --r3: 18px; --r4: 24px; --pad: 16px; --gutter: 24px; --max: 1240px; --shadow-card: 0 1px 2px rgba(15,23,38,.06), 0 1px 0 rgba(15,23,38,.04); --shadow-pop: 0 8px 28px rgba(15,23,38,.10), 0 2px 6px rgba(15,23,38,.06); --font-head: "Inter Tight","Inter Tight Fallback","Inter","Inter Fallback","Helvetica Neue",system-ui,sans-serif; --font-body: "Inter","Inter Fallback","Helvetica Neue",system-ui,sans-serif; --tr: 180ms cubic-bezier(.2,.7,.2,1); } *,*::before,*::after{box-sizing:border-box} html,body{margin:0;padding:0} html{scroll-behavior:smooth} /* Font metric overrides (Recipe 10i) — match Inter/Inter Tight vertical metrics so system fallback (Arial/Helvetica) does not reflow when web fonts swap. NOTE: these are ALSO inlined into a synchronous