/* ============================================================
   YSF Motion — design tokens
   Customizer overrides --ysf-accent / --ysf-ink / --ysf-paper
   via an inline <style id="ysf-vars"> printed in wp_head.
   ============================================================ */

:root{
  /* palette — light */
  --ysf-accent:#305DDE;
  --ysf-accent-deep:#1F42A8;
  --ysf-ink:#19181A;
  --ysf-paper:#F6F7FA;
  --ysf-surface:#FFFFFF;
  --ysf-line:#E3E5EC;
  --ysf-line-soft:#EFF0F4;
  --ysf-muted:#6C6D77;
  --ysf-faint:#9A9BA4;
  --ysf-wash:#EDF1FC;
  --ysf-spot:rgba(48,93,222,.07);
  --ysf-overlay:rgba(25,24,26,.55);

  /* header */
  --ysf-hdr-bg:#FFFFFF;
  --ysf-hdr-blur:16px;
  --ysf-hdr-h:76px;
  --ysf-hdr-h-sm:60px;
  --ysf-hdr-fg:var(--ysf-ink);
  --ysf-hdr-fg-transparent:#FFFFFF;

  /* type */
  --ysf-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ysf-font-display:var(--ysf-font);
  --ysf-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* scale */
  --ysf-step--1:clamp(.82rem,.79rem + .14vw,.9rem);
  --ysf-step-0:clamp(1rem,.96rem + .2vw,1.09rem);
  --ysf-step-1:clamp(1.25rem,1.16rem + .43vw,1.5rem);
  --ysf-step-2:clamp(1.56rem,1.4rem + .8vw,2.06rem);
  --ysf-step-3:clamp(1.95rem,1.68rem + 1.36vw,2.83rem);
  --ysf-step-4:clamp(2.44rem,2rem + 2.2vw,3.9rem);
  --ysf-step-5:clamp(3.05rem,2.36rem + 3.45vw,5.36rem);

  /* rhythm */
  --ysf-gap:clamp(1rem,.8rem + 1vw,1.5rem);
  --ysf-pad:clamp(1.25rem,.6rem + 3vw,4rem);
  --ysf-section:clamp(3.5rem,2rem + 7vw,8rem);
  --ysf-max:1240px;
  --ysf-max-text:68ch;
  --ysf-radius:14px;
  --ysf-radius-lg:20px;

  /* motion */
  --ysf-ease:cubic-bezier(.22,.8,.28,1);
  --ysf-ease-out:cubic-bezier(.16,1,.3,1);
  --ysf-fast:.22s;
  --ysf-base:.42s;
  --ysf-slow:.8s;
  --ysf-vt-dur:480ms;

  /* elevation */
  --ysf-shadow-sm:0 2px 8px -4px rgba(0,0,0,.2);
  --ysf-shadow:0 18px 40px -28px rgba(0,0,0,.4);
  --ysf-shadow-lg:0 30px 60px -34px rgba(0,0,0,.45);

  --ysf-z-header:100;
  --ysf-z-loader:300;
  --ysf-z-cursor:400;
}

[data-theme="dark"]{
  --ysf-ink:#F3F3F6;
  --ysf-paper:#0D0D10;
  --ysf-surface:#151519;
  --ysf-line:#26262D;
  --ysf-line-soft:#1D1D22;
  --ysf-muted:#9899A3;
  --ysf-faint:#65666F;
  --ysf-wash:#151E33;
  --ysf-accent:#7098F5;
  --ysf-accent-deep:#4E77E0;
  --ysf-spot:rgba(112,152,245,.1);
  --ysf-overlay:rgba(0,0,0,.6);
  --ysf-hdr-bg:#151519;
  --ysf-shadow:0 18px 40px -28px rgba(0,0,0,.8);
  --ysf-shadow-lg:0 30px 60px -34px rgba(0,0,0,.85);
}