/* ════════════════════════════════════════════════════════
   GARO Smart Tech — Core Tokens & Reset
   Single source of truth for design tokens.
   ════════════════════════════════════════════════════════ */
:root{
  /* Surfaces */
  --ink:#0D1117; --ink-2:#161B22; --ink-3:#1C2229;
  --white:#FFFFFF; --fog:#F8F9FB; --fog-2:#F1F3F5;
  --bd:#E4E7EC; --bd-2:#D1D5DB;
  /* Brand */
  --cyan:#00C3D4; --cyan-h:#00D6E8; --green:#8DC63F; --amber:#F59E0B; --red:#DC2626;
  /* Text */
  --txt:#0D1117; --txt-2:#374151; --txt-3:#6B7280; --txt-4:#9CA3AF;
  /* Dark surface text */
  --txt-d:rgba(255,255,255,.45); --txt-d-2:rgba(255,255,255,.65);
  --line-d:rgba(255,255,255,.08); --line-d-2:rgba(255,255,255,.12);
  /* Typography */
  --f:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
  --f-mono:'JetBrains Mono',Menlo,monospace;
  /* Spacing */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem;
  --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:5rem;
  /* Radius */
  --r-sm:6px; --r:8px; --r-md:10px; --r-lg:14px;
  /* Motion */
  --ease:cubic-bezier(.22,1,.36,1);
  /* Elevation */
  --shadow:0 4px 16px rgba(0,0,0,.05);
  --shadow-l:0 12px 40px rgba(0,0,0,.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--f);
  background:var(--white);
  color:var(--txt);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font-family:inherit;color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}