/* ============================================================
   AGR Robotics — base.css
   Design tokens · Reset · Typography · Global elements
   ============================================================ */

/* --- Design Tokens ----------------------------------------- */
:root {
  --bg-primary:    #0D1117;
  --bg-secondary:  #151C25;
  --bg-tertiary:   #1F2835;
  --accent:        #C8A84B;
  --accent-hover:  #E0C36A;
  --accent-dim:    rgba(200,168,75,0.12);
  --text-primary:  #FFFFFF;
  --text-secondary:#B8C8D8;
  --text-muted:    #6A7A8E;
  --border:        rgba(200,168,75,0.15);
  --border-subtle: rgba(255,255,255,0.08);
  --radius-sm:     12px;
  --radius-md:     18px;
  --radius-lg:     24px;
  --shadow-soft:   0 22px 60px rgba(0,0,0,0.22);
  --shadow-card:   0 14px 36px rgba(0,0,0,0.18);
  --max-width:     1240px;
}

/* --- Reset -------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; text-underline-offset: 0.18em; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }

::selection {
  background: rgba(200,168,75,0.24);
  color: #fff;
}

/* --- Typography --------------------------------------------- */
h1, h2, h3, h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  line-height: 1.0;
  color: var(--text-primary);
}

.body-p {
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 18px;
}
.body-p:last-child { margin-bottom: 0; }

/* Mono utility */
.mono {
  font-family: 'JetBrains Mono', monospace;
}

/* --- Scrollbar ---------------------------------------------- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }