/* Lloyd Film & Photo brand: deep navy (#151B3C, their order page) and antique gold
   (#998453, their logo) on the warm cream of their Instagram posts.
   Jost stands in for the geometric wordmark in their logo. */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap");

:root{
  --paper:#F6F2EA; --paper-2:#ECE5D8; --card:#FFFFFF;
  --ink:#151B3C; --ink-soft:#363C5A; --muted:#6A6C7C; --line:#E0D8C8;
  --teal:#998453; --teal-deep:#151B3C; --sky:#D9C69A; --navy:#151B3C;
  --rust:#998453; --rust-deep:#7E6B40; --peach:#D9C69A;
  --accent:#998453; --accent-deep:#7E6B40; --accent-tint:#F0E9D8; --on-accent:#FFFFFF;
  --font-head:"Jost", "Futura", system-ui, sans-serif; --font-body:"Jost", "Futura", system-ui, sans-serif;

  --bk-bg:var(--paper); --bk-surface:var(--card); --bk-input:#FFFFFF;
  --bk-ink:var(--ink); --bk-soft:var(--ink-soft); --bk-muted:var(--muted);
  --bk-line:var(--line); --bk-tint:#F0E9D8; --bk-hover:var(--paper);
  --bk-accent:#151B3C; --bk-accent-ink:#FFFFFF; --bk-ring:rgba(153,132,83,.28);
  --bk-head:var(--font-head); --bk-head-weight:600; --bk-head-track:-.01em;
  --bk-body:var(--font-body); --bk-em-style:normal;
  --bk-radius:18px; --bk-radius-sm:12px;
  --bk-shadow:0 1px 2px rgba(21,27,60,.05),0 12px 30px rgba(21,27,60,.08);
  --bk-bar-bg:rgba(255,255,255,.94);
}