/* PitCrew brand tokens, v0.1 (2026-10-04). Dark is the default site theme. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@112,700;112,800;112,900&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap");

:root {
  /* Core brand */
  --pc-navy:        #0F1B2D; /* Pit Navy: logo, primary dark */
  --pc-orange:      #FF6B1A; /* Racing Orange: CTAs, highlights (10% max) */
  --pc-orange-deep: #D9520D; /* hover/pressed on orange */
  --pc-ember:       #C2410C; /* orange for TEXT on light backgrounds */
  --pc-slate:       #2B3A52; /* borders, server slots */
  --pc-mist:        #E8EEF6; /* light surface */
  --pc-white:       #FFFFFF;

  /* Status (never decorative) */
  --pc-online:  #2BD67B;
  --pc-warning: #FFB020;
  --pc-offline: #FF4D5E;

  /* Dark site theme (default) */
  --bg:          #0B1422;
  --surface:     #0F1B2D;
  --surface-2:   #16243A;
  --border:      #2B3A52;
  --text:        #F4F7FB;
  --text-muted:  #9AA9C0;
  --accent:      var(--pc-orange);
  --on-accent:   #0B1422; /* navy text on orange buttons, 6.5:1. White on orange fails (2.9:1). */

  /* Type */
  --font-display: "Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif; /* wdth 112, 800-900 */
  --font-body:    "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace; /* IPs, ports, ping */

  --fs-display: clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --fs-h1: 2.25rem; --fs-h2: 1.75rem; --fs-h3: 1.25rem;
  --fs-body: 1rem;  --fs-small: 0.875rem; --fs-label: 0.75rem;

  /* Shape and spacing */
  --radius-sm: 6px; --radius: 10px; --radius-lg: 16px; --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --shadow-glow: 0 0 0 1px var(--border), 0 12px 32px rgba(0,0,0,.35);
}

/* Optional light theme (docs, invoices, emails) */
[data-theme="light"] {
  --bg: #F4F7FB; --surface: #FFFFFF; --surface-2: #E8EEF6; --border: #D3DCE8;
  --text: #0F1B2D; --text-muted: #5B6B84; --accent: #FF6B1A; --on-accent: #0B1422;
}