/* AutoCAD Crosshair Cursor & Industrial Engineering Styling */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --paper-bg: #F5F3EF;
  --paper-card: #FFFFFF;
  --iron-black: #16191C;
  --iron-muted: #3A4147;
  --steel-slate: #5C6469;
  --steel-teal: #2A4A5A;
  --terracotta: #D2622A;
  --terracotta-dark: #b84f1d;
  --border-line: rgba(22, 25, 28, 0.14);
  --border-dark: rgba(22, 25, 28, 0.25);
}

/* AutoCAD Crosshair Cursor */
/* SVG Pickbox & Crosshair: 32x32 center point (16, 16) */
body, button, input, select, textarea, a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cline x1='16' y1='0' x2='16' y2='11' stroke='%23D2622A' stroke-width='1.5'/%3E%3Cline x1='16' y1='21' x2='16' y2='32' stroke='%23D2622A' stroke-width='1.5'/%3E%3Cline x1='0' y1='16' x2='11' y2='16' stroke='%23D2622A' stroke-width='1.5'/%3E%3Cline x1='21' y1='16' x2='32' y2='16' stroke='%23D2622A' stroke-width='1.5'/%3E%3Crect x='12' y='12' width='8' height='8' fill='none' stroke='%2316191C' stroke-width='1.5'/%3E%3C/svg%3E") 16 16, crosshair !important;
}

body {
  margin: 0;
  background-color: #F5F3EF;
  color: #16191C;
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.font-heading {
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-mono-tech {
  font-family: 'IBM Plex Mono', monospace;
}

/* Subtle Technical Drafting Paper Grid */
.bg-drafting-grid {
  background-color: #F5F3EF;
  background-image: 
    linear-gradient(rgba(22, 25, 28, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 25, 28, 0.04) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* Technical Border Frame */
.tech-frame {
  border: 1px solid rgba(22, 25, 28, 0.14);
  background: #FFFFFF;
  transition: all 0.2s ease;
}

.tech-frame:hover {
  border-color: rgba(210, 98, 42, 0.45);
}

/* Custom Industrial Tabs */
.calc-tab-btn.active {
  background: #16191C;
  color: #F5F3EF;
  border-bottom: 2px solid #D2622A;
}

.calc-tab-btn {
  background: #EAE6DE;
  color: #5C6469;
}

.calc-tab-btn:hover:not(.active) {
  background: #DFDACF;
  color: #16191C;
}

/* Technical Monogram */
.tech-monogram {
  width: 38px;
  height: 38px;
  border: 1.5px solid #2A4A5A;
  display: grid;
  place-items: center;
  font-family: 'Archivo', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #2A4A5A;
  letter-spacing: -0.02em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #F5F3EF;
}
::-webkit-scrollbar-thumb {
  background: #C7C1B5;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D2622A;
}