/*
 * CSS Variables - Extracted from landing.html lines 7-36
 * 
 * Complete variable definitions from the original landing page.
 * These variables define the entire color palette, typography system,
 * and design tokens used throughout the tire repair landing page.
 */

:root {
  /* === TRANSPARENCY === */
  --transparent: transparent;
  
  /* === BRAND COLORS === */
  --primary: #37ca37;
  --secondary: #188bf6;
  
  /* === BASE COLORS === */
  --white: #ffffff;
  --gray: #cbd5e0;
  --black: #000000;
  --red: #e93d3d;
  --orange: #f6ad55;
  --yellow: #faf089;
  --green: #9ae6b4;
  --teal: #81e6d9;
  --malibu: #63b3ed;
  --indigo: #757BBD;
  --purple: #d6bcfa;
  --pink: #fbb6ce;
  
  /* === OVERLAY === */
  --overlay: rgba(0, 0, 0, 0.5);
  
  /* === CUSTOM THEME COLORS === */
  --color-mbiaztse: #303030ff;      /* Dark gray */
  --color-mbib14is: rgba(0,0,0,0.95); /* Almost black overlay */
  --color-md4onadt: #b50000ff;      /* Dark red (primary brand) */
  --color-zfcjytzl: #f1fff6ff;      /* Light green tint */
  
  /* === TYPOGRAPHY FAMILIES === */
  --arial: 'Arial';
  --lato: 'Lato';
  --open-sans: 'Open Sans';
  --montserrat: 'Montserrat';
  --roboto: 'Roboto';
  --inter: 'Inter';
  
  /* === THEME FONTS === */
  --headlinefont: 'Inter';
  --contentfont: 'Inter';
  
  /* === TEXT COLORS === */
  --text-color: #000000;
  --link-color: #188bf6;
}

/* === BACKGROUND FIXED UTILITY === */
/* Extracted from landing.html line 36 */
.bg-fixed {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  overflow: auto;
  background-color: var(--white);
}

/* === CRITICAL LAYOUT RULES === */
/* These rules are essential for proper column layout */
.c-row > .inner {
  display: flex;
  width: 100%;
}

.c-column > .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: inherit;
  width: 100% !important;
}

.c-column {
  flex: 1 1 0%;
  position: relative;
}

.c-column {
  flex: 1 1 auto !important;
}

.c-row {
  position: relative;
}