/* Brand layer for the public pages (body.lp): office-paper white, ink-blue
   actions, Schibsted Grotesk. Opt-in per template via body_class + head_extra,
   so the case/payment flow keeps its own styles. */

body.lp {
  --lp-paper: #F3F4F0;
  --lp-desk: #E6E8E1;
  --lp-sheet: #FFFFFF;
  --lp-ink: #1B1D21;
  --lp-ink-2: #4B4F57;
  --lp-rule: #D5D8CF;
  --lp-blue: #2B3E9E;
  --lp-blue-deep: #1F2E7A;
  --lp-stamp: #6B3FA0;
  --lp-green: #1F7A4D;

  --bg: var(--lp-paper);
  --ink: var(--lp-ink);
  --ink-2: var(--lp-ink-2);
  --muted: #62666E;
  --line: var(--lp-rule);
  --accent: var(--lp-blue);
  --accent-ink: var(--lp-blue-deep);
  --accent-tint: #E8EBF7;
  --success: var(--lp-green);
  --success-tint: #E7F2EC;
  --success-line: #B9D9C7;

  background: var(--lp-paper);
  color: var(--lp-ink);
  font-family: 'Schibsted Grotesk', 'Inter', system-ui, sans-serif;
  font-feature-settings: "ss01" 0;
}
body.lp .nav { background: rgba(243, 244, 240, .92); }
body.lp h1, body.lp h2, body.lp h3, body.lp button, body.lp input, body.lp select { font-family: inherit; }

body.lp .btn { border-radius: 8px; font-weight: 600; letter-spacing: 0; }
body.lp .btn-primary { background: var(--lp-blue); border-color: var(--lp-blue); box-shadow: none; }
body.lp .btn-primary:hover { background: var(--lp-blue-deep); border-color: var(--lp-blue-deep); box-shadow: none; }
body.lp a:focus-visible, body.lp button:focus-visible, body.lp input:focus-visible, body.lp select:focus-visible {
  outline: 3px solid var(--lp-blue); outline-offset: 2px;
}


/* Estimate widget (homepage hero, /rechner, canton pages) */
body.lp .est-field label { color: var(--lp-ink); }
body.lp .est-field input, body.lp .est-field select { border-color: #C9CDC3; border-radius: 8px; }
body.lp .est .field-input-suffix input { border-radius: 8px 0 0 8px; }
body.lp .est .field-input-suffix .suffix { border-radius: 0 8px 8px 0; font-family: inherit; background: var(--lp-paper); border-color: #C9CDC3; }
body.lp .est-submit { border-radius: 8px; }
body.lp .est-hit { border-radius: 8px; }
body.lp .est-kicker { text-transform: none; letter-spacing: 0; font-size: 14px; }
body.lp .est-amount { color: var(--lp-green); }

/* Schibsted's tabular figures give "." and ":" a full digit width ("31 . 03"),
   so numbers use proportional figures throughout. */
body.lp td, body.lp .est-breakdown b, body.lp .lp-calc td, body.lp .seo-stat-num { font-variant-numeric: normal !important; }