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

:root{
  --tfs-color-surface-page:#F7F2E7;
  --tfs-color-surface-muted:#ECE2CC;
  --tfs-color-surface-inverse:#2E2016;
  --tfs-color-surface-kraft:#DCC79F;
  --tfs-color-surface-sticky:#F3E39A;
  --tfs-color-text-body:#3A2A1D;
  --tfs-color-text-muted:#5A4838;
  --tfs-color-on-inverse:#F2E9D8;
  --tfs-color-on-inverse-muted:#CDBFA8;
  --tfs-color-action-primary:#4A3121;
  --tfs-color-on-action-primary:#FBF6EA;
  --tfs-color-action-secondary:#8F6236;
  --tfs-color-on-action-secondary:#FBF6EA;
  --tfs-color-accent:#C8D64B;
  --tfs-color-on-accent:#080200;
  --tfs-color-accent-tint:#E3EAA3;
  --tfs-color-hairline:#C9B994;
  --tfs-color-hairline-inverse:#5A4635;
  --tfs-color-tape:#D8C88F;
  --tfs-font-heading:'Young Serif',Georgia,serif;
  --tfs-font-body:'Instrument Sans',system-ui,sans-serif;
  --tfs-font-size-sm:.9rem;
  --tfs-font-size-base:1.0625rem;
  --tfs-font-size-lg:1.25rem;
  --tfs-font-size-xl:1.5625rem;
  --tfs-font-size-2xl:clamp(1.6rem,3vw,1.95rem);
  --tfs-font-size-3xl:clamp(1.9rem,4vw,2.44rem);
  --tfs-font-size-4xl:clamp(2.2rem,5vw,3.05rem);
  --tfs-font-size-hero:clamp(2.6rem,6.5vw,5.2rem);
  --tfs-radius-sm:3px;
  --tfs-radius-arch:999px 999px 4px 4px;
  --tfs-radius-full:9999px;
}
html{scroll-padding-top:6rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;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.65;overflow-x:hidden}
.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:1.25rem}
@media (min-width:768px){.container{padding-inline:2rem}}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::selection{background:var(--tfs-color-accent);color:var(--tfs-color-on-accent)}
@keyframes tfs-in{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}
