/* Loom — brand from https://advancedconsultingsolutions.com · site+pack · fire */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root {
  --black: #F7F1EA;
  --orange: #B42318;
  --gray: #1E3A5F;
  --paper: #F7F1EA;
  --surface: #FAF7F3;
  --surface2: #E9E4DD;
  --surface3: #DCD7D0;
  --border: color-mix(in srgb, #1C1917 12%, transparent);
  --border2: color-mix(in srgb, #1C1917 22%, transparent);
  --text: #1C1917;
  --text-dim: #77736F;
  --text-muted: #9B9691;
  --orange-dim: #892017;
  --orange-glow: rgba(180,35,24,0.12);
  --radius: 2px;
  --radius-lg: 4px;
  --rail-bg: #1E3A5F;
  --rail-ink: #F7F1EA;
  --rail-muted: color-mix(in srgb, #F7F1EA 55%, #1E3A5F);
  --strip-bg: color-mix(in srgb, #FAF7F3 94%, transparent);
  --job-bg: #FAF7F3;
  --dock-bg: #1E3A5F;
  --dock-ink: #F7F1EA;
  --display: 'Barlow Condensed', Georgia, serif;
  --sans: 'IBM Plex Sans', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --paper-texture: linear-gradient(180deg, var(--paper) 0%, color-mix(in srgb, var(--paper) 94%, var(--orange)) 100%);
  --login-bg: radial-gradient(rgba(255,255,255,0.06) 0.7px, transparent 0.8px), linear-gradient(165deg, #1E3A5F 0%, #1C1917 48%, #B42318 165%);
}
html[data-skin="fire"] {
  font-family: var(--sans);
}