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

/* Design system lifted whole from the approved page's <style> block. */
:root {
  --tfs-color-surface-page: #f7f9ff;
  --tfs-color-surface-muted: #e8edff;
  --tfs-color-surface-card: #ffffff;
  --tfs-color-text-body: #141c45;
  --tfs-color-text-muted: #444f7a;
  --tfs-color-action-primary: #3340d8;
  --tfs-color-action-secondary: #dbe2ff;
  --tfs-color-accent: #0f1747;
  --tfs-color-accent-raised: #1c2780;
  --tfs-color-on-primary: #ffffff;
  --tfs-color-on-secondary: #1b2796;
  --tfs-color-on-accent: #ffffff;
  --tfs-color-on-accent-raised: #ffffff;
  --tfs-color-text-inverse-muted: #c3cbf3;
  --tfs-color-border-hairline: #d3dbf7;
  --tfs-color-border-inverse: #33409c;
  --tfs-color-danger: #b4232a;
  --tfs-color-danger-tint: #fdeaea;
  --tfs-color-scrim: #131d57;
  --tfs-color-on-scrim: #ffffff;
  --tfs-color-shadow: rgba(15, 23, 71, 0.14);
  --tfs-mask-ink: #000000;
  --tfs-font-heading: "Young Serif", Georgia, "Times New Roman", serif;
  --tfs-font-body: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --tfs-font-size-sm: 0.875rem;
  --tfs-font-size-md: 1rem;
  --tfs-font-size-lg: 1.25rem;
  --tfs-font-size-xl: 1.5625rem;
  --tfs-font-size-2xl: clamp(1.95rem, 1.5rem + 1.6vw, 2.441rem);
  --tfs-font-size-3xl: 3.052rem;
  --tfs-font-size-4xl: clamp(2.6rem, 1.4rem + 4.4vw, 4.768rem);
  --tfs-font-size-5xl: clamp(2.25rem, 1.2rem + 4.2vw, 4.2rem);
  --tfs-radius-sm: 14px;
  --tfs-radius-md: 20px;
  --tfs-radius-lg: 28px;
}
html { -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  overflow-x: clip;
  font-family: var(--tfs-font-body);
  color: var(--tfs-color-text-body);
  background: var(--tfs-color-surface-page);
  line-height: 1.5;
}
h1, h2, h3 { margin: 0; }
section[id] { scroll-margin-top: 6rem; }
.visually-hidden {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 100; }
.skip-link:focus { left: 8px; }
::selection { background: var(--tfs-color-action-primary); color: var(--tfs-color-on-primary); }
.glightbox-container .gslide-description { background: var(--tfs-color-accent); }
.glightbox-clean .gdesc-inner { background: var(--tfs-color-accent); }
.glightbox-clean .gslide-title { color: var(--tfs-color-on-accent); font-family: var(--tfs-font-heading); font-weight: 400; }
.glightbox-clean .gslide-desc { color: var(--tfs-color-text-inverse-muted); }