/* Loom — brand from https://sandlerpartners.com · site+pack · channel */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Karla:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --black: #F4F0E6;
  --orange: #D4A017;
  --gray: #0B1F3A;
  --paper: #F4F0E6;
  --surface: #F8F6F1;
  --surface2: #E6E3DB;
  --surface3: #D8D6D1;
  --border: color-mix(in srgb, #0B1F3A 12%, transparent);
  --border2: color-mix(in srgb, #0B1F3A 22%, transparent);
  --text: #0B1F3A;
  --text-dim: #6C7682;
  --text-muted: #92989D;
  --orange-dim: #9B7B20;
  --orange-glow: rgba(212,160,23,0.12);
  --radius: 4px;
  --radius-lg: 8px;
  --rail-bg: #0B1F3A;
  --rail-ink: #F4F0E6;
  --rail-muted: color-mix(in srgb, #F4F0E6 55%, #0B1F3A);
  --strip-bg: color-mix(in srgb, #F8F6F1 94%, transparent);
  --job-bg: #F8F6F1;
  --dock-bg: #0B1F3A;
  --dock-ink: #F4F0E6;
  --display: 'Playfair Display', Georgia, serif;
  --sans: 'Karla', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --paper-texture: radial-gradient(ellipse at top, color-mix(in srgb, var(--orange) 12%, var(--paper)) 0%, var(--paper) 46%);
  --login-bg: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.8px), linear-gradient(165deg, #0B1F3A 0%, #0B1F3A 48%, #D4A017 165%);
}
html[data-skin="channel"] {
  font-family: var(--sans);
}