/* ═══════════════════════════════
   variables.css — Tokens globales
   ═══════════════════════════════ */
:root {
  --steel:    #3d5a73;
  --steel-d:  #2c4257;
  --steel-l:  #5a7a96;
  --copper:   #b5714a;
  --copper-d: #8f5536;
  --copper-l: #d4956e;
  --cream:    #f8f4ef;
  --warm-w:   #fdfaf7;
  --dark:     #1c2a35;
  --mid:      #4a5568;
  --light:    #8a9ba8;
  --border:   #e2d9d0;

  --font-display: 'Playfair Display', serif;
  --font-body:    'Nunito', sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 18px rgba(60,80,100,.09);
  --shadow-md: 0 8px 32px rgba(60,80,100,.10);
  --shadow-lg: 0 16px 40px rgba(60,80,100,.12);
}