/*
Theme Name: Child Care 16
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: child-care-16
Tags: custom-header, custom-menu, featured-images, flexible-header, full-width-template
*/

:root{
--tfs-color-surface-page:#15132e;
--tfs-color-surface-muted:#1e1b40;
--tfs-color-surface-raised:#2a2660;
--tfs-color-surface-deep:#0d0c1f;
--tfs-color-accent:#f2b544;
--tfs-color-strip:rgba(13,12,31,.86);
--tfs-color-bar:rgba(21,19,46,.8);
--tfs-color-text-body:#f4efe4;
--tfs-color-text-muted:#cfc9e0;
--tfs-color-action-primary:#f2b544;
--tfs-color-action-secondary:#f4efe4;
--tfs-color-on-action-primary:#0c0100;
--tfs-color-on-accent:#0c0100;
--tfs-color-on-action-secondary:#0c0100;
--tfs-color-on-primary:#0c0100;
--tfs-color-on-secondary:#0c0100;
--tfs-color-on-accent-muted:#3b3150;
--tfs-color-on-accent-wash:rgba(27,21,48,.09);
--tfs-color-glow:rgba(242,181,68,.3);
--tfs-color-glow-strong:rgba(242,181,68,.6);
--tfs-color-glow-light:rgba(255,246,220,.6);
--tfs-color-hairline:rgba(244,239,228,.16);
--tfs-color-hairline-strong:rgba(244,239,228,.32);
--tfs-color-scrim:rgba(16,14,40,.72);
--tfs-color-scrim-strong:rgba(13,12,31,.84);
--tfs-color-star:rgba(244,239,228,.9);
--tfs-font-heading:"Young Serif",Georgia,serif;
--tfs-font-body:"Hanken Grotesk",system-ui,sans-serif;
--tfs-font-size-sm:clamp(.875rem,.85rem + .1vw,.95rem);
--tfs-font-size-base:clamp(1.0625rem,1rem + .2vw,1.1875rem);
--tfs-font-size-md:clamp(1.25rem,1.15rem + .4vw,1.5rem);
--tfs-font-size-lg:clamp(1.75rem,1.4rem + 1.2vw,2.4rem);
--tfs-font-size-xl:clamp(2.2rem,1.6rem + 2.2vw,3.5rem);
--tfs-font-size-display:clamp(2.9rem,1.4rem + 6.6vw,7.25rem);
--tfs-radius-lg:1.5rem;
--tfs-shadow-soft:0 14px 40px -18px rgba(0,0,0,.6);
--tfs-space-60:clamp(2.5rem,2rem + 2vw,4rem);
--tfs-space-70:clamp(4rem,3rem + 4vw,6.5rem);
--tfs-space-80:clamp(5rem,3.5rem + 6vw,9rem);
}
html{scroll-padding-top:2rem}
body{margin:0;font-family:var(--tfs-font-body);background:var(--tfs-color-surface-page);color:var(--tfs-color-text-body);overflow-x:hidden}
h1,h2,h3{font-weight:400;margin:0}
.container{max-width:1024px;margin-inline:auto}
.container-wide{max-width:1280px;margin-inline:auto}
.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:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
.fade-up{animation:up .9s ease-out both}
.drift-a{animation:dr 9s ease-in-out infinite}
.drift-b{animation:tw 5s ease-in-out infinite}
.drift-c{animation:tw 7s ease-in-out infinite reverse}
.paused .drift-a,.paused .drift-b,.paused .drift-c{animation-play-state:paused}
}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes dr{50%{transform:translate(-12px,10px) rotate(-6deg)}}
@keyframes tw{50%{transform:scale(.7);opacity:.35}}
::selection{background:var(--tfs-color-action-primary);color:var(--tfs-color-on-action-primary)}