/* ============================================================
   CHIAPPO REPUESTOS — Design tokens + base reset
   ============================================================ */

:root {
  --ink:        #0E0E0E;
  --steel-900:  #1A1A1A;
  --steel-800:  #242424;
  --steel-700:  #333333;
  --steel-500:  #5A5A5A;
  --steel-300:  #9A9A9A;
  --fog-200:    #D9D4CB;
  --fog-100:    #E8E2D6;
  --bone:       #F4EFE8;
  --bone-soft:  #FAF6EF;
  --paper:      #FFFFFF;
  --ash:        #6B665E;
  --char:       #2A2620;
  --ember:      #E8472C;
  --ember-hot:  #FF5A3C;
  --ember-deep: #B43419;
  --rust:       #8E2A18;
  --brass:      #C8924A;
  --brass-soft: #E0B574;
  --stock-yes:  #4F6B2F;
  --stock-no:   #8E2A18;

  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'DM Sans', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, monospace;

  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-pill: 999px;

  --shadow-card:   0 1px 0 rgba(20,16,10,.04), 0 4px 14px -6px rgba(20,16,10,.10);
  --shadow-raised: 0 2px 0 rgba(20,16,10,.05), 0 14px 30px -10px rgba(20,16,10,.18);
  --shadow-dark:   0 24px 60px -20px rgba(0,0,0,.55);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--bone);
  color: var(--char);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01";
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
img { display: block; max-width: 100%; }