/* Phone companion — sober redesign, loaded after phone.css. Same tokens as
   the site; light only so it matches the rest of the product. */
@font-face { font-family: "Instrument Serif"; src: url("/static/fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/static/fonts/inter-latin-wght-normal.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root, :root[data-theme], html {
  --bg: #F5F0E6 !important;
  --bg-accent: #F5F0E6 !important;
  --surface: #FFFFFF !important;
  --surface-2: #FAF7F1 !important;
  --border: rgba(23, 21, 17, .10) !important;
  --border-strong: rgba(23, 21, 17, .18) !important;
  --text: #171511 !important;
  --text-muted: #5F5A4F !important;
  --text-faint: #8C8577 !important;
  --primary: #171511 !important;
  --primary-strong: #3B372F !important;
  --primary-soft: #ECE7DC !important;
  --accent: #173B30 !important;
  --on-primary: #ffffff !important;
  --shadow: none !important;
  --shadow-lg: 0 1px 2px rgba(23, 21, 17, .05), 0 24px 48px -28px rgba(23, 21, 17, .25) !important;
  --focus-ring: 0 0 0 3px rgba(23, 21, 17, .12) !important;
  --radius: 16px !important;
  --radius-sm: 10px !important;
  --radius-pill: 10px !important;
  --display-font: "Instrument Serif", Georgia, serif !important;
  --body-font: "Inter", "Segoe UI", system-ui, sans-serif !important;
  --data-font: "Inter", "Segoe UI", system-ui, sans-serif !important;
  color-scheme: only light !important;
}
html body { background: #F5F0E6 !important; background-image: none !important; color: #171511 !important; }
html body .panel, html body .link-panel, html body .call-panel { background: #fff !important; border: 1px solid rgba(23, 21, 17, .10) !important; box-shadow: none !important; }
html body .panel-icon { background: none !important; }
html body .dialer-status { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: #5F5A4F !important; font-weight: 550 !important; }
html body .dialer-logo { background: #173B30 !important; border-radius: 50% !important; }
html body .dialer-brand { font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; font-size: 24px !important; }
html body h1, html body h2, html body .idle-title { font-family: "Instrument Serif", Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important; }
html body .btn, html body .call-btn { border-radius: 10px !important; box-shadow: none !important; background-image: none !important; }

/* Buttons: warm beige with ink text, like the rest of the site. */
html body .btn-primary, html body .call-btn { background: #DDD0B9 !important; color: #171511 !important; border: 1px solid #C6B596 !important; }
html body .btn-primary:hover, html body .call-btn:hover { background: #D1C2A7 !important; }

html { background: #F5F0E6 !important; }