/* ============================================================
   instant-sites — design tokens
   Brand block set for SATX Painting & Renovation (colors from the logo).
   ============================================================ */
:root {
  /* ---- Brand ------------------------------------------------- */
  --brand:        #1d3e9e;   /* SATX blue, from the "TX" letters        */
  --brand-ink:    #ffffff;
  --accent:       #00a6e6;   /* sky, from the logo highlight: rules/focus only, never text */
  --accent-ink:   #0b1a33;
  --font-display: "Archivo", "Arial Narrow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:    "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius:       4px;

  /* ---- Neutrals (light) -------------------------------------- */
  --bg:           #f5f6f7;   /* primer white */
  --bg-alt:       #eceef1;
  --surface:      #ffffff;
  --ink:          #25282b;   /* charcoal, from the "SA" letters */
  --ink-2:        #4f555c;
  --ink-3:        #5b6168;
  --line:         #d3d6da;
  --shadow:       0 1px 2px rgba(0,0,0,.05), 0 10px 28px -16px rgba(20,30,60,.28);

  /* ---- Type scale (fluid) ------------------------------------ */
  --fs-xs:  clamp(.78rem, .74rem + .2vw, .86rem);
  --fs-sm:  clamp(.88rem, .84rem + .2vw, .95rem);
  --fs-md:  clamp(1rem,   .96rem + .25vw, 1.08rem);
  --fs-lg:  clamp(1.15rem, 1.05rem + .5vw, 1.35rem);
  --fs-xl:  clamp(1.5rem,  1.25rem + 1.2vw, 2rem);
  --fs-2xl: clamp(2rem,    1.5rem + 2.5vw,  3.2rem);
  --fs-3xl: clamp(2.4rem,  1.7rem + 3.6vw,  4.4rem);
  --lh-tight: 1.04;
  --lh-body:  1.6;

  /* ---- Spacing ----------------------------------------------- */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem;  --s-7: 3rem;   --s-8: 4rem;
  --s-9: 6rem;   --section: clamp(3rem, 6vw, 6rem);

  /* ---- Layout ------------------------------------------------ */
  --container: 1160px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --header-h: 72px;

  /* ---- Motion ------------------------------------------------ */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: 140ms;
  --t-med:  260ms;

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; }
}