/* ---------- Brand fonts: Futurism (headings), Rag Sans (body), FtOrik (small notes) ---------- */
@font-face{font-family:"Futurism";src:url("../fonts/Futurism-Light.woff2") format("woff2"),url("../fonts/Futurism-Light.otf") format("opentype");font-weight:100 300;font-display:swap}
@font-face{font-family:"Futurism";src:url("../fonts/Futurism-Regular.woff2") format("woff2"),url("../fonts/Futurism-Regular.otf") format("opentype");font-weight:400 500;font-display:swap}
@font-face{font-family:"Futurism";src:url("../fonts/Futurism-Bold.woff2") format("woff2"),url("../fonts/Futurism-Bold.otf") format("opentype");font-weight:600 700;font-display:swap}
@font-face{font-family:"Futurism";src:url("../fonts/Futurism-Black.woff2") format("woff2"),url("../fonts/Futurism-Black.otf") format("opentype");font-weight:800 900;font-display:swap}
@font-face{font-family:"Rag Sans";src:url("../fonts/RagSans-1.4-Thin.woff2") format("woff2"),url("../fonts/RagSans-1.4-Thin.otf") format("opentype");font-weight:100 300;font-display:swap}
@font-face{font-family:"Rag Sans";src:url("../fonts/RagSans-1.4-Regular.woff2") format("woff2"),url("../fonts/RagSans-1.4-Regular.otf") format("opentype");font-weight:400 500;font-display:swap}
@font-face{font-family:"Rag Sans";src:url("../fonts/RagSans-1.4-Bold.woff2") format("woff2"),url("../fonts/RagSans-1.4-Bold.otf") format("opentype");font-weight:600 700;font-display:swap}
@font-face{font-family:"Rag Sans";src:url("../fonts/RagSans-1.4-Black.woff2") format("woff2"),url("../fonts/RagSans-1.4-Black.otf") format("opentype");font-weight:800 900;font-display:swap}
@font-face{font-family:"FtOrik";src:url("../fonts/FtOrik-Bold.woff2") format("woff2"),url("../fonts/FtOrik-Bold.otf") format("opentype");font-weight:400 900;font-display:swap}

:root{
  /* palette: one anchor + one neutral + one accent (from "פלטה סופית - עוגן פלאם וקרם") */
  --ink:#1C0F1F;
  --cream:#FAF6F0;
  --accent:#FF2D6B;
  --accent-light:#FEBBCF;   /* small tags/badges only */
  --lavender:#C29FCA;       /* gradient glows only */
  --wine:#7A2E52;           /* gradient glows only */
  --neon:#DDF45B;           /* one word, one icon, one tag - never more */

  --cream-2:color-mix(in srgb,var(--cream),var(--ink) 4%);
  --ink-soft:color-mix(in srgb,var(--ink) 68%,transparent);
  --line:color-mix(in srgb,var(--ink) 12%,transparent);
  --bg:var(--cream);

  /* legacy names still used by the section styles */
  --bordeaux:var(--ink);
  --green:var(--ink);
  --red:var(--accent);
  --red-deep:color-mix(in srgb,var(--accent) 80%,var(--ink));
  --pink:var(--accent-light);
  --olive:var(--wine);
  --sage:var(--lavender);
  --white:var(--cream);

  --font-sans:"Rag Sans","Heebo",system-ui,-apple-system,sans-serif;
  --font-head:"Futurism","Rag Sans","Heebo",sans-serif;
  --font-note:"FtOrik","Rag Sans","Heebo",sans-serif;
  --font-script:"FtOrik","Heebo",cursive;

  --fs-display:clamp(2.9rem,8.2vw,6.2rem);
  --fs-h2:clamp(1.9rem,4.6vw,3.6rem);
  --fs-h3:clamp(1.2rem,2vw,1.5rem);
  --fs-lead:clamp(1.15rem,2.2vw,1.55rem);
  --fs-body:clamp(1rem,1.05vw,1.125rem);
  --fs-small:.875rem;
  --fs-num:clamp(2.2rem,5.2vw,3.6rem);
  --fs-h2-sm:clamp(1.5rem,3.1vw,2.5rem);

  --gutter:clamp(1.25rem,5vw,4.5rem);
  --section:clamp(2.5rem,5vw,4rem);
  --maxw:1240px;
  --radius:20px;
  --radius-lg:28px;
  --ease:cubic-bezier(.22,1,.36,1);
  --check:44px;
}

/* ---------- Brand patterns (gingham motif): small focused elements only ---------- */
.pat-check-red{background:repeating-conic-gradient(var(--accent) 0 25%,var(--cream) 0 50%) 0 0/var(--check) var(--check)}
.pat-check-pink{background:repeating-conic-gradient(var(--accent-light) 0 25%,var(--cream) 0 50%) 0 0/var(--check) var(--check)}
.pat-stripe-olive{background:repeating-linear-gradient(90deg,var(--lavender) 0 14px,var(--cream) 14px 28px)}
.pat-stripe-gray{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 18%,var(--cream)) 0 14px,var(--cream) 14px 28px)}
.pat-argyle-red{background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='56' viewBox='0 0 40 56'%3E%3Cpath d='M20 6L32 28 20 50 8 28Z' fill='%23FAF6F0'/%3E%3C/svg%3E");background-size:40px 56px}
.pat-argyle-sage{background-color:var(--lavender);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='44' viewBox='0 0 32 44'%3E%3Cpath d='M16 5L26 22 16 39 6 22Z' fill='%23FAF6F0'/%3E%3C/svg%3E");background-size:32px 44px}
.pat-glow{background:linear-gradient(135deg,var(--wine),var(--lavender))}
.pat-solid-green,.pat-solid-bordeaux{background:var(--ink)}

/* ===== brand book (Glint, 24.9.2026) - palette preview, on with ?brand=new (main.js / landing.js set data-brand on <html>) =====
   dark #272422 (warm), light #F4F4F4 + dusty rose #E8DDDD/#D3C1C1, pink #FC2B6A, light pink #FFC5D6, deep raspberry #9D123C for glows,
   secondary blue-violet #6977D5/#ADB8FF/#D6DCFF instead of lavender in glows, neon unchanged. Glows/gradients keep their shapes (Sivan). */
:root{--rose:#D3C1C1;--rose-2:#E8DDDD;--violet:#6977D5;--violet-light:#ADB8FF;--violet-pale:#D6DCFF}
:root[data-brand="new"]{
  --ink:#272422;
  --cream:#F4F4F4;
  --accent:#FC2B6A;
  --accent-light:#FFC5D6;
  --lavender:#ADB8FF;
  --wine:#9D123C;
  --cream-2:#EDE6E6;
}
/* official patterns (img/brand/patterns, dusty rose on transparent) for small decorative areas only */
.pat-check-brand{background:url("../img/brand/patterns/checkered.svg") center/220px 220px repeat}
.pat-stripe-brand{background:url("../img/brand/patterns/stripes.svg") center/160px 160px repeat}
.pat-diamond-brand{background:url("../img/brand/patterns/diamond.svg") center/220px 220px repeat}
.pat-flower-brand{background:url("../img/brand/patterns/flower.svg") center/220px 220px repeat}

/* ?brand=blue - option 2 (24.9.2026): the brand book's palette everywhere, pink stays the studio's stamp, and the Academy side of the business
   (academy hub, course pages, catalog, item pages, and the academy section on the home page) takes the secondary blue-violet as its stamp */
:root[data-brand="blue"]{--ink:#272422;--cream:#F4F4F4;--accent:#FC2B6A;--accent-light:#FFC5D6;--lavender:#ADB8FF;--wine:#9D123C;--cream-2:#EDE6E6}
:root[data-brand="blue"] body.lp-academy,:root[data-brand="blue"] body.lp-catalog,:root[data-brand="blue"] body[class*=" lp-course-"],:root[data-brand="blue"] body[class*=" lp-item-"],
:root[data-brand="blue"] #academy{--accent:#6977D5;--accent-light:#D6DCFF;--lavender:#ADB8FF;--wine:#333C73;--red-deep:#5563C4}

/* DEFAULT since 26.9.2026 (Sivan: "בואי נלך על זה"), also ?brand=academy. ?brand=old / new / blue stay available until her final decision - do not delete them yet.
   was: ?brand=academy - PREVIEW for Sivan's approval (26.9.2026): the current palette (old) everywhere, the Academy side (hub, courses, catalog,
   item pages, the academy section on the home page) takes the brand book's blue-violet as its stamp, with pink touches kept:
   pink = small tags/numbers/notes on dark (--accent-light stays pink), the wine-pink hero glow next to the blue one, and the handwritten
   FtOrik notes/eyebrows on light (deep pink --touch, 4.66:1 on cream). buttons, the second heading line and links go blue. */
:root:is(:not([data-brand]),[data-brand="academy"]) :is(body.lp-academy,body.lp-catalog,body[class*=" lp-course-"],body[class*=" lp-item-"],#academy){--accent:#6977D5;--lavender:#ADB8FF;--red-deep:#5563C4;--touch:#D2275C}
:root:is(:not([data-brand]),[data-brand="academy"]) :is(body.lp-academy,body.lp-catalog,body[class*=" lp-course-"],body[class*=" lp-item-"],#academy) :is(.lp-hello,.lp-video-note,.lp-buy-eyebrow,.lp-more-card .eyebrow,.lp-item-preview-note,.sub.sub-note){color:var(--touch)}
:root:is(:not([data-brand]),[data-brand="academy"]) :is(body.lp-academy,body.lp-catalog,body[class*=" lp-course-"],body[class*=" lp-item-"],#academy) :is(.lp-featured,.lp-form-card,.lp-pick-card){background:radial-gradient(120% 70% at 0% 100%,color-mix(in srgb,var(--wine) 60%,transparent),transparent 60%),radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 65%),var(--ink)} /* Sivan 26.9, option A of three: dark card like the catalog card, a blue glow at the top and a wine-pink glow at the bottom (the wine card didn't match the blue; deep-blue looked muddy) */
:root:is(:not([data-brand]),[data-brand="academy"]) :is(body.lp-academy,body.lp-catalog,body[class*=" lp-course-"],body[class*=" lp-item-"],#academy) .lp-featured:hover{box-shadow:0 60px 100px -40px color-mix(in srgb,var(--accent) 45%,transparent)}
:root:is(:not([data-brand]),[data-brand="academy"]) :is(body.lp-academy,body.lp-catalog,body[class*=" lp-course-"],body[class*=" lp-item-"],#academy) .lp-pick-card{box-shadow:0 44px 80px -40px color-mix(in srgb,var(--accent) 40%,transparent)}