/*
Theme Name: Car Mechanic 6
Theme URI: https://example.com
Description: Generated by the TFS Theme Factory. The design surface (token values, enqueues, behaviour) is written by the build phase.
Author: TFS Systems
Author URI: https://aptecsol.com
Version: 1.1.0
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: car-mechanic-6
Tags: custom-header, custom-menu, featured-images, flexible-header, full-width-template
*/

:root {
  --tfs-color-surface-page: #f3f3ef;
  --tfs-color-surface-muted: #dcdcd5;
  --tfs-color-surface-card: #ffffff;
  --tfs-color-on-surface-card: #0e0e0e;
  --tfs-color-text-body: #0e0e0e;
  --tfs-color-text-muted: #3d3d38;
  --tfs-color-action-primary: #ff8800;
  --tfs-color-on-action-primary: #0e0e0e;
  --tfs-color-action-secondary: #0e0e0e;
  --tfs-color-on-action-secondary: #ff8800;
  --tfs-color-accent: #ff8800;
  --tfs-color-on-accent: #0e0e0e;
  --tfs-color-surface-inverse: #0e0e0e;
  --tfs-color-on-surface-inverse: #f3f3ef;
  --tfs-color-rule: #0e0e0e;
  --tfs-color-rule-inverse: rgba(243, 243, 239, 0.3);
  --tfs-color-keyline-inverse: #5c5c56;
  --tfs-font-heading: "Archivo", "Arial Black", system-ui, sans-serif;
  --tfs-font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tfs-font-size-xs: 0.8125rem;
  --tfs-font-size-sm: 0.9375rem;
  --tfs-font-size-base: 1.0625rem;
  --tfs-font-size-lg: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --tfs-font-size-xl: clamp(1.3rem, 1.15rem + 0.55vw, 1.65rem);
  --tfs-font-size-2xl: clamp(1.85rem, 1.3rem + 2vw, 2.9rem);
  --tfs-font-size-3xl: clamp(2.5rem, 1.4rem + 4vw, 5rem);
}
html {
  scroll-padding-top: 8rem;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  overflow-x: clip;
  background: var(--tfs-color-surface-page);
  color: var(--tfs-color-text-body);
  font-family: var(--tfs-font-body);
  font-size: var(--tfs-font-size-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
:focus-visible {
  outline: 3px solid var(--tfs-color-rule);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--tfs-color-accent);
}
::selection {
  background: var(--tfs-color-accent);
  color: var(--tfs-color-on-accent);
}
@keyframes tfs-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% + 100cqw));
  }
}
[data-counting] > [data-countup] {
  display: none;
}
[data-counting] > [data-countup-live] {
  display: inline;
}
[data-reveal] {
  transition: opacity 0.5s ease, transform 0.5s ease;
}
[data-reveal="pending"] {
  opacity: 0;
  transform: translateX(-28px);
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.001ms !important;
  }
}