/* Loom — brand from https://www.360hotelgroup.com · site+pack · hospitality */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700;800&family=Figtree:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --black: #F4EFE6;
  --orange: #C4A35A;
  --gray: #0E2A47;
  --paper: #F4EFE6;
  --surface: #F8F6F1;
  --surface2: #E6E2DB;
  --surface3: #D8D6D0;
  --border: color-mix(in srgb, #122033 12%, transparent);
  --border2: color-mix(in srgb, #122033 22%, transparent);
  --text: #122033;
  --text-dim: #70767E;
  --text-muted: #95989A;
  --orange-dim: #927E4F;
  --orange-glow: rgba(196,163,90,0.12);
  --radius: 2px;
  --radius-lg: 4px;
  --rail-bg: #0E2A47;
  --rail-ink: #F4EFE6;
  --rail-muted: color-mix(in srgb, #F4EFE6 55%, #0E2A47);
  --strip-bg: color-mix(in srgb, #F8F6F1 94%, transparent);
  --job-bg: #F8F6F1;
  --dock-bg: #0E2A47;
  --dock-ink: #F4EFE6;
  --display: 'Fraunces', Georgia, serif;
  --sans: 'Figtree', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --paper-texture: radial-gradient(rgba(18,32,51,0.035) 0.6px, transparent 0.7px), linear-gradient(180deg, color-mix(in srgb, var(--paper) 92%, #fff) 0%, var(--paper) 55%, color-mix(in srgb, var(--paper) 88%, var(--gray)) 100%);
  --login-bg: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.8px), linear-gradient(165deg, #0E2A47 0%, #122033 48%, #C4A35A 165%);
}
html[data-skin="hospitality"] {
  font-family: var(--sans);
}