/* Terminal skin. Shared layout, states and site identities live in hosting.css. */
@font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/ChakraPetch-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Chakra Petch'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/ChakraPetch-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Share Tech Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/ShareTechMono-Regular.woff2') format('woff2'); }

:root {
  --work-surface: #20282a;
  --work-surface-border: #73868a;
  --ink: #eee9db;
  --paper: #151715;
  --accent: #b4de8f;
  --accent-hover: #c9eba7;
  --accent-soft: #2b332b;
  --green: #a4cd81;
  --muted: #b9bba9;
  --line: #515a51;
  --white: #1b1e1b;
  --sidebar: #121412;
  --radius: 2px;
  --font-body: 'Share Tech Mono', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Chakra Petch';
  --font-mono: 'Share Tech Mono';
  --radius-label: 4px;
  --radius-technical: 5px;
  --radius-control: 6px;
  --radius-brand: 8px;
  --radius-dialog: 12px;
  --dialog-backdrop: rgb(15 27 33 / 40%);
  --timeline-point-border: white;
  --page-texture: repeating-linear-gradient(115deg, transparent 0 4px, rgb(220 224 220 / .012) 4px 5px);
  --hero-art: url('/assets/terminal/servers-vault.webp');
  --nav-text: #d9d8c5;
  --nav-hover-bg: #262b26;
  --nav-active-bg: #2b332b;
  --nav-icon: #c9cbb5;
  --control-border: #8c958c;
  --secondary-hover-bg: #252a25;
  --secondary-hover-border: #a8b4a8;
  --disabled-base-bg: #242724;
  --disabled-base-text: #aeb19f;
  --state-neutral-bg: #292d29;
  --state-neutral-text: #d3d6bf;
  --state-ok-bg: #34512c;
  --state-ok-text: #c9f2a5;
  --state-ok-border: #7eb260;
  --state-warn-bg: #59431f;
  --state-warn-text: #ffda8b;
  --state-warn-border: #c69b50;
  --state-fail-bg: #5c302c;
  --state-fail-text: #ffb4a8;
  --state-fail-border: #c77c72;
  --notice-border: #6b796b;
  --notice-bg: #232a23;
  --warning-bg: #40321d;
  --quiet-bg: #1a1d1a;
  --step-border: #6c806c;
  --observation-bg: #222522;
  --row-hover-bg: #252a25;
  --control-hover-border: #b9c3b9;
  --technical-bg: #202320;
  --technical-text: #d1d6bc;
  --summary-indicator: #b7c39d;
  --error-bg: #442b27;
  --invalid-border: #ffa29b;
  --nav-divider: #343c34;
  --nav-active-text: #c4e5a1;
  --topbar-bg: #181a18;
  --avatar-border: #697f69;
  --primary-border: #bbd99b;
  --on-primary: #14200e;
  --secondary-border: #899489;
  --secondary-bg: #191c19;
  --secondary-hover-surface: #2a302a;
  --secondary-hover-text: #d3efb6;
  --disabled-bg: #292c29;
  --disabled-border: #687068;
  --summary-text: #d0d6bc;
  --table-head-bg: #252925;
  --table-head-text: #d1d5bd;
  --route-text: #b4d98f;
  --hero-text: #d5d7c9;
  --card-border: #677067;
  --card-bg: #181b18;
  --card-context: #d7dac5;
  --draft-text: #dddccc;
  --card-text: #c7ccb6;
  --work-link-text: #e5e5d5;
}