/* ARINS Media brand: charcoal + slate from arins.media, the peach box around "Media" in their logo
   as the accent. General Sans is the font their own website uses. */
@import url("https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700,501,601,701&display=swap");

:root{
  --night:#16191C; --coal:#1E2226; --coal-2:#262B30; --coal-3:#2B3136;
  --ivory:#F5F5F5; --ivory-2:#E8EAEC; --ink:#1A1D20; --ink-soft:#3E464D;
  --text:#F3F4F5; --text-soft:#C3C9CE; --muted:#8E989F;
  --line:rgba(255,255,255,.1); --line-dark:#D6DADD;
  --gold:#FFC084; --gold-light:#FFD6AE; --gold-deep:#B9773A;
  --gold-grad:linear-gradient(100deg,#F4A964 0%,#FFC084 35%,#FFD9B3 55%,#FFB878 80%,#FFC88F 100%);
  --font-head:"General Sans", system-ui, sans-serif; --font-body:"General Sans", system-ui, sans-serif; --font-mark:"General Sans", system-ui, sans-serif;

  /* booking form */
  --bk-bg:var(--night); --bk-surface:var(--coal); --bk-input:#121517;
  --bk-ink:var(--text); --bk-soft:var(--text-soft); --bk-muted:var(--muted);
  --bk-line:rgba(255,255,255,.13); --bk-tint:rgba(255,192,132,.12); --bk-hover:var(--coal-2);
  --bk-accent:var(--gold); --bk-accent-ink:#1A1410; --bk-accent-text:var(--gold); --bk-ring:rgba(255,192,132,.28);
  --bk-head:var(--font-head); --bk-head-weight:600; --bk-head-track:-.02em;
  --bk-body:var(--font-body);
  --bk-radius:22px; --bk-radius-sm:14px;
  --bk-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 50px rgba(0,0,0,.35);
  --bk-bar-bg:rgba(22,25,28,.94);
  --lb-bg:rgba(10,12,13,.96);
}