/* Lorne brand palette — hand-extracted from the Style Guide frame + METADATA color usage counts.
   Base values are literal hex/rgb from the .fig; semantic aliases map them to usage. */
:root{
  /* base: mobile app "Lorne" warm palette */
  --lorne-navy:rgb(28,33,67);           /* "Black Market" #1C2143 — wordmark, primary ink, primary fill */
  --lorne-navy-20:rgba(28,33,67,0.2);   /* ring / disabled fill */
  --lorne-cream:rgb(246,242,234);       /* app background */
  --lorne-cream-2:rgb(249,248,249);     /* style-guide canvas bg */
  --lorne-tan:rgb(234,226,209);         /* "Ecological" — card border / divider tint */
  --lorne-tan-ring:rgba(119,108,84,0.2);/* warm ring used on circular buttons/cards instead of gray */
  --lorne-stone:rgb(203,196,180);       /* Darker Marshmallow — muted stone */
  --lorne-taupe:rgb(167,165,165);       /* muted text / disabled button fill */
  --lorne-bubble-tan:rgb(236,226,207);  /* user chat bubble fill */
  --lorne-white:rgb(255,255,255);
  --lorne-black:rgb(0,0,0);
  --lorne-red:rgb(226,16,16);           /* error / scam-check alert */
  --lorne-red-light:rgb(255,227,227);   /* error surface */
  --lorne-white-60:rgba(255,255,255,0.6);
  --lorne-white-68:rgba(255,255,255,0.68);
  --lorne-white-20:rgba(255,255,255,0.2);

  /* accent chips used on Home cards (Technology Support / Scam Check / Community Guidelines) */
  --lorne-accent-yellow:rgb(249,219,175);
  --lorne-accent-red:rgb(220,93,91);
  --lorne-accent-green:rgb(214,255,231);

  /* base: Community Manager Portal (admin web) — Untitled-UI-style neutrals */
  --admin-ink:rgb(16,24,40);
  --admin-border:rgb(234,236,240);
  --admin-slate-600:rgb(71,85,105);
  --admin-slate-900:rgb(15,23,42);
  --admin-surface:rgb(255,255,255);
  --admin-table-header:rgb(244,244,244);
  --admin-table-hover:rgb(248,248,248);
  --admin-indigo:rgb(127,86,217);
  --admin-indigo-light:rgb(249,245,255);

  /* semantic aliases */
  --surface-app:var(--lorne-cream);
  --surface-card:var(--lorne-white);
  --surface-admin:var(--admin-surface);
  --text-primary:var(--lorne-navy);
  --text-muted:var(--lorne-taupe);
  --text-admin:var(--admin-ink);
  --border-warm:var(--lorne-tan);
  --border-admin:var(--admin-border);
  --ring-warm:var(--lorne-tan-ring);
  --accent-danger:var(--lorne-red);
  --accent-danger-surface:var(--lorne-red-light);
}
