/* Design tokens. Values come from the FigCraft frames (Landing v3, Product pages, Katalog tema). */
@font-face{font-family:"Hanken Grotesk";src:url(../assets/fonts/hanken-grotesk.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-light-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../assets/fonts/fraunces-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../assets/fonts/cormorant-garamond.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(../assets/fonts/playfair-display.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(../assets/fonts/playfair-display-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Great Vibes";src:url(../assets/fonts/great-vibes.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Gloock";src:url(../assets/fonts/gloock.woff2) format("woff2");font-display:swap}
@font-face{font-family:"PT Serif";src:url(../assets/fonts/pt-serif.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PT Serif";src:url(../assets/fonts/pt-serif-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url(../assets/fonts/dm-serif-display.woff2) format("woff2");font-style:normal;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url(../assets/fonts/dm-serif-display-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(../assets/fonts/bricolage-grotesque.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../assets/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../assets/fonts/ibm-plex-mono.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(../assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Lora";src:url(../assets/fonts/lora.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Pinyon Script";src:url(../assets/fonts/pinyon-script.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Montserrat";src:url(../assets/fonts/montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(../assets/fonts/cormorant-garamond-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(../assets/fonts/plus-jakarta-sans.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --blue:#1A6FE8; --blue-hi:#4DA9F8; --blue-lo:#1363D8; --blue-deep:#0F4FAE;
  --cta:linear-gradient(180deg,var(--blue-hi) 0%,var(--blue-lo) 100%);
  --ink:#14181D; --navy:#0E1A2B;
  --text-2:#3A4452; --text-3:#5B6573; --text-4:#737A85; --text-5:#7A828E;
  --line:#E3E8F0; --line-2:#D2DAE6;
  --pale:#E8F1FE; --pale-2:#F2F7FF; --ivory:#F4EEE1; --white:#fff;
  --ok:#17703D; --warn:#8A5A00;

  --font-ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-accent:"Fraunces",Georgia,serif;

  --r-sm:12px; --r-md:20px; --r-lg:28px; --r-xl:40px; --r-pill:999px;
  --shadow-soft:0 1px 2px rgba(14,26,43,.06),0 10px 30px rgba(14,26,43,.08);
  --shadow-float:0 2px 6px rgba(14,26,43,.08),0 24px 60px rgba(26,111,232,.18);
  --shadow-cta:0 1px 2px rgba(19,99,216,.35),0 10px 24px rgba(26,111,232,.32);

  --ease:cubic-bezier(.22,.8,.2,1);
  --spring:cubic-bezier(.34,1.4,.5,1);
  --t-fast:.22s; --t-med:.5s; --t-slow:.7s;

  --header-h:72px;
  --page:1128px;      /* content column at 1440 */
  --page-wide:1248px; /* hero and header */
}