/*
Theme Name: Car Mechanic 3
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-3
Tags: custom-header, custom-menu, featured-images, flexible-header, full-width-template
*/

:root{
--tfs-color-surface-page:#f2f5f5;
--tfs-color-surface-muted:#e1e8e9;
--tfs-color-surface-inverse:#11191b;
--tfs-color-surface-inverse-raised:#1b292c;
--tfs-color-text-body:#172124;
--tfs-color-text-muted:#44565a;
--tfs-color-on-surface-inverse:#eef4f4;
--tfs-color-on-surface-inverse-raised:#eef4f4;
--tfs-color-on-surface-inverse-muted:#a9bcc0;
--tfs-color-action-primary:#22b8d4;
--tfs-color-on-action-primary:#06161a;
--tfs-color-action-secondary:#1b292c;
--tfs-color-on-action-secondary:#eef4f4;
--tfs-color-accent:#0b6679;
--tfs-color-on-accent:#ffffff;
--tfs-color-danger:#b3261e;
--tfs-color-line:#b7c6c9;
--tfs-color-line-inverse:#33484c;
--tfs-color-duo-light:#bfe6ee;
--tfs-color-duo-dark:#0e3a45;
--tfs-color-scrim:rgba(8,18,21,.9);
--tfs-font-heading:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif;
--tfs-font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
--tfs-font-size-xs:.8rem;
--tfs-font-size-base:1rem;
--tfs-font-size-md:1.25rem;
--tfs-font-size-lg:1.563rem;
--tfs-font-size-xl:clamp(1.953rem,3.4vw,2.441rem);
--tfs-font-size-2xl:clamp(2.441rem,5.4vw,3.815rem);
--tfs-font-size-3xl:clamp(3.052rem,5.5vw,4.768rem);
--tfs-radius:2px;
--tfs-space-section:clamp(4.5rem,9vw,8rem);
--tfs-space-compact:clamp(3.5rem,6vw,5rem);
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;overflow-x:clip;font-family:var(--tfs-font-body);font-size:var(--tfs-font-size-base);color:var(--tfs-color-text-body);background:var(--tfs-color-surface-page);-webkit-font-smoothing:antialiased}
[id]{scroll-margin-top:5.5rem}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
input:focus-visible,textarea:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.001ms!important;animation:none!important}}