/* ============================================================
   variables.css — Design tokens & global reset
   ShinexChina · freight-forwarder-china-india1
   ============================================================ */

/* ── DESIGN TOKENS ── */
:root {
  --red:     #c0392b;
  --red-dk:  #a93226;
  --navy:    #1a2b4a;
  --txt:     #2c2c2c;
  --muted:   #666666;
  --light:   #f7f8fa;
  --border:  #dde2ea;
  --white:   #ffffff;
  --radius:  6px;
  --shadow:  0 2px 12px rgba(0, 0, 0, 0.08);
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: var(--txt);
  font-size: 15px;
  line-height: 1.75;
  background: #ffffff;
}

/* ── BASE ELEMENTS ── */
a {
  color: var(--red);
  text-decoration: none;
}
a:hover {
  color: var(--red-dk);
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3, h4, h5 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  color: var(--navy);
}

p {
  margin-bottom: 1em;
}

ul {
  padding-left: 1.3em;
}

li {
  margin-bottom: 0.35em;
}

strong {
  font-weight: 700;
}

/* ── CONTAINER ── */
.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}