/* Racing Oil Design Tokens */
:root {
  /* Primary - Corporate Blue */
  --color-primary: #001689;
  --color-primary-50: #E6E8F2;
  --color-primary-100: #CCD1E6;
  --color-primary-200: #99A3CC;
  --color-primary-300: #6674B3;
  --color-primary-400: #334699;
  --color-primary-500: #001689;
  --color-primary-600: #00126E;
  --color-primary-700: #000D52;
  --color-primary-800: #000937;
  --color-primary-900: #00041B;

  /* Secondary - Gray */
  --color-secondary: #8C8E8F;
  --color-secondary-50: #F5F5F5;
  --color-secondary-100: #EBEBEB;
  --color-secondary-200: #D7D7D8;
  --color-secondary-300: #C3C4C5;
  --color-secondary-400: #AFB0B2;
  --color-secondary-500: #8C8E8F;
  --color-secondary-600: #707172;
  --color-secondary-700: #545556;
  --color-secondary-800: #383839;
  --color-secondary-900: #1C1C1D;

  /* Accent - Gold/Yellow */
  --color-accent: #F1B634;
  --color-accent-50: #FEF8E8;
  --color-accent-100: #FDF1D1;
  --color-accent-200: #FBE3A3;
  --color-accent-300: #F9D575;
  --color-accent-400: #F7C747;
  --color-accent-500: #F1B634;
  --color-accent-600: #D99A1A;
  --color-accent-700: #A37514;
  --color-accent-800: #6D4E0D;
  --color-accent-900: #372707;

  /* Dark */
  --color-dark: #3A3A3A;
  --color-dark-50: #F5F5F5;
  --color-dark-100: #EEEEEE;
  --color-dark-200: #E0E0E0;
  --color-dark-300: #BDBDBD;
  --color-dark-400: #9E9E9E;
  --color-dark-500: #757575;
  --color-dark-600: #616161;
  --color-dark-700: #424242;
  --color-dark-800: #3A3A3A;
  --color-dark-900: #212121;

  /* Typography */
  --font-heading-primary: 'Eurostile Extended', sans-serif;
  --font-heading: 'Eurostile', sans-serif;
  --font-body: 'Eurostile', sans-serif;

  /* Spacing */
  --container-max: 80rem;
  --container-padding: 1rem;
  --section-padding-y: 4rem;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

  /* Border radius */
  --radius-sm: 0.25rem;
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition: 200ms ease;
  --transition-slow: 300ms ease;
}