/* ============ CSS VARIABLES ============ */
/* SECTION: COLORS */
:root {
  --oil: #0A0A0F;
  --oildeep: #06060A;
  --charcoal: #1A1A24;
  --steel: #2A2A36;
  --darkgray: #4A4A54;
  --mediumgray: #8A8A94;
  --brass: #B89D63;
  --redpower: #C41E3A;
  --reddeep: #A0152C;
  --redbright: #D83A56;
  --offwhite: #F8F8F8;
  --purewhite: #FFFFFF;
  --logogray: #F5F5F7;
  
  /* NEW - Red accent variations */
  --red-light: rgba(196,30,58,0.1);
  --red-mid: rgba(196,30,58,0.5);
  --red-glow: rgba(196,30,58,0.2);
  
  /* SECTION: SPACING */
  --space-30: 7.5rem;
  --space-35: 9rem;
  --space-50: 12rem;
  --container-max: 1440px;
  --container-padding-desktop: 3rem;
  --container-padding-tablet: 1.5rem;
  --container-padding-mobile: 1.25rem;
  
  /* SECTION: TYPOGRAPHY */
  --font-inter: 'Inter', sans-serif;
  --tracking-widest: 0.2em;
  --tracking-superwide: 0.35em;
  
  /* SECTION: TRANSITIONS */
  --transition-fast: 0.2s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.3s ease;
}