@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: '1898 Sans';
  src: url('../fonts/1898Sans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --wcm-red: #b31b1b;
  --wcm-red-dark: #8a1414;
  --wcm-orange: #cf4520;
  --wcm-orange-hover: #e7751d;
  --wcm-orange-light: #f0a060;
  --hero-dark: #0d1117;
  --hero-mid: #161b22;
  --terminal-green: #4caf50;
  --surface: #ffffff;
  --surface-alt: #f7f7f7;
  --text-primary: #1a1a1a;
  --text-muted: #6c757d;
  --border: #e0e0e0;
  --font-brand: '1898 Sans', Georgia, serif;
  --font-body: '1898 Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --radius: 4px;
  --shadow: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-hover: 0 8px 24px rgba(0,0,0,0.15);
  --transition: 0.25s ease;
}