/* Shared Merky account surfaces. The marketing and account UI use the same local font and palette. */
:root {
  color-scheme: light;
  --bg: #f3fafc;
  --bg2: #fcfefe;
  --bg3: #edf5f8;
  --card: #fcfefe;
  --card2: #edf5f8;
  --border: #dce8ec;
  --border-h: #8dbeca;
  --cyan: #087290;
  --cyan2: #59c9e9;
  --cyan-dark: #087290;
  --accent: #59c9e9;
  --green: #147454;
  --yellow: #8b6416;
  --red: #b23c35;
  --text: #15282e;
  --muted: #526c75;
  --muted2: #526c75;
  --text-muted: #526c75;
  --ink: #15282e;
  --ice: #f3fafc;
  --paper: #fcfefe;
  --action: #59c9e9;
  --action-hover: #7ed9f0;
  --focus: #087290;
  --r: 16px;
  --r2: 20px;
}
body { background: var(--bg); color: var(--text); font-family: Manrope, Arial, sans-serif; font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; }
a, button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { line-height: 1.4; }
button:disabled { opacity: .6; cursor: wait; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
input { caret-color: var(--focus); }
img { max-width: 100%; }
::selection { background: #c1edf8; color: var(--ink); }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }