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

/*
 * TOKENS — the page's own :root, copied exactly. The colour roles and the font families alias
 * theme.json presets that hold the page's values; everything else is written here directly.
 */
:root {
  --tfs-color-surface-page: var(--wp--preset--color--surface-page, #12120e);
  --tfs-color-surface-muted: var(--wp--preset--color--surface-muted, #1c1b15);
  --tfs-color-text-body: var(--wp--preset--color--text-body, #ece7d6);
  --tfs-color-text-muted: #b7b19c;
  --tfs-color-text-error: #ff8f7e;
  --tfs-color-action-primary: var(--wp--preset--color--action-primary, #c8a84a);
  --tfs-color-action-secondary: var(--wp--preset--color--action-secondary, #ece7d6);
  --tfs-color-accent: var(--wp--preset--color--accent, #d6b858);
  --tfs-color-on-primary: #12120e;
  --tfs-color-on-secondary: #12120e;
  --tfs-color-on-accent: #12120e;
  --tfs-color-border-hairline: rgba(200, 168, 74, 0.5);
  --tfs-color-border-soft: rgba(236, 231, 214, 0.2);
  --tfs-image-lamp-pool: radial-gradient(ellipse 62% 55% at 50% 40%, rgba(255, 196, 110, 0.16) 0%, rgba(18, 18, 14, 0) 70%), radial-gradient(ellipse 90% 85% at 50% 42%, rgba(18, 18, 14, 0) 38%, rgba(18, 18, 14, 0.55) 72%, rgba(18, 18, 14, 0.94) 100%);
  --tfs-image-scrim-up: linear-gradient(to top, rgba(18, 18, 14, 0.94) 0%, rgba(18, 18, 14, 0.87) 66%, rgba(18, 18, 14, 0.5) 86%, rgba(18, 18, 14, 0) 100%);
  --tfs-image-scrim-top: linear-gradient(to bottom, rgba(18, 18, 14, 0.92) 0%, rgba(18, 18, 14, 0.88) 220px, rgba(18, 18, 14, 0) 100%);
  --tfs-image-scrim-down: linear-gradient(to bottom, rgba(18, 18, 14, 0.88) 0%, rgba(18, 18, 14, 0.82) 65%, rgba(18, 18, 14, 0) 100%);
  --tfs-font-heading: var(--wp--preset--font-family--heading, "Epilogue", system-ui, sans-serif);
  --tfs-font-body: var(--wp--preset--font-family--body, "Source Serif 4", Georgia, serif);
  --tfs-font-size-xs: 0.8125rem;
  --tfs-font-size-sm: 0.9375rem;
  --tfs-font-size-base: 1.125rem;
  --tfs-font-size-lead: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --tfs-font-size-lg: 1.5rem;
  --tfs-font-size-xl: clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem);
  --tfs-font-size-3xl: clamp(2rem, 1.3rem + 2.6vw, 3.55rem);
  --tfs-font-size-4xl: clamp(2.25rem, 1rem + 4vw, 4.75rem);
  --tfs-font-size-display: clamp(2.75rem, 1.1rem + 6vw, 6.25rem);
  --tfs-font-size-logo: clamp(1.0625rem, 0.8rem + 0.7vw, 1.25rem);
  --tfs-font-size-phone: clamp(1.125rem, 0.9rem + 0.5vw, 1.25rem);
}
@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);
  line-height: 1.65;
  color: var(--tfs-color-text-body);
  background: var(--tfs-color-surface-page);
}
[id] { scroll-margin-top: 96px; }
::selection { background: var(--tfs-color-action-primary); color: var(--tfs-color-on-primary); }
.glightbox-container .gslide-description { background: var(--tfs-color-surface-muted); }
.glightbox-clean .gdesc-inner { font-family: var(--tfs-font-heading); color: var(--tfs-color-text-body); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation: none !important; }
}