/* Root Variables - Critical for immediate painting */
:root {
  --primary-black: #000000;
  --primary-white: #ffffff;
  --dark-gray: #212529;
  --medium-gray: #6c757d;
  --light-gray: #f8f9fa;
  --border-color: #e9ecef;
  --shadow-light: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow-medium: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --shadow-heavy: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --gradient: linear-gradient(135deg, #000000 0%, #333333 100%);
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}