/* ==========================================================================
   Hush — Design Tokens
   Derived 1:1 from the V4 reference: cream canvas, electric-blue primary,
   candy-pink accent, soft lilac, plus the product-shade greens/blues.
   ========================================================================== */

:root {
  /* --- Core palette --- */
  --hush-cream:        #fffcf5;  /* page canvas */
  --hush-cream-2:      #fdf8ef;  /* slightly warmer panels */
  --hush-ink:          #1c1340;  /* near-black indigo for headings */
  --hush-ink-soft:     #4a4364;  /* body text */
  --hush-muted:        #8b869b;  /* captions, meta */
  --hush-line:         #ece7f5;  /* hairline borders */
  --hush-line-2:       #e3ddf0;

  --hush-blue:         #0554ff;  /* electric primary */
  --hush-blue-600:     #0043d6;  /* hover */
  --hush-blue-050:     #eef2ff;  /* tint bg */

  --hush-pink:         #ff3ea5;  /* candy accent */
  --hush-pink-500:     #ff5cb0;
  --hush-pink-050:     #ffeef7;

  --hush-lilac:        #b79cf5;
  --hush-lilac-050:    #f4effe;
  --hush-green:        #8fd14f;  /* product shade */
  --hush-gold:         #ffb800;  /* rating stars */

  /* --- Section washes --- */
  --hush-wash-pink:    #fff2f8;
  --hush-wash-lilac:   #f6f1fe;
  --hush-wash-mint:    #f0faf0;
  --hush-card:         #ffffff;

  /* --- Newsletter / brand-story gradient --- */
  --hush-grad-1:       #2b4bff;
  --hush-grad-2:       #6a3bff;
  --hush-grad-cta:     #c6ff4f;  /* lime button */

  /* --- Type --- */
  --hush-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --hush-font-body:    "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- Radii --- */
  --hush-r-sm: 10px;
  --hush-r-md: 16px;
  --hush-r-lg: 24px;
  --hush-r-xl: 32px;
  --hush-r-pill: 999px;

  /* --- Shadow --- */
  --hush-shadow-sm: 0 2px 8px rgba(28, 19, 64, .05);
  --hush-shadow-md: 0 10px 30px rgba(28, 19, 64, .08);
  --hush-shadow-lg: 0 24px 60px rgba(28, 19, 64, .12);
  --hush-shadow-blue: 0 8px 24px rgba(5, 84, 255, .28);

  /* --- Layout --- */
  --hush-container: 1240px;
  --hush-gutter: clamp(16px, 4vw, 40px);
  --hush-section-y: clamp(56px, 8vw, 104px);

  /* --- Motion --- */
  --hush-ease: cubic-bezier(.22, 1, .36, 1);
  --hush-t: .35s;
}

/* Fraunces — display serif (self-hosted). Weights 400/500/600/700 + italic. */
@font-face{
  font-family:"Fraunces";
  font-style:normal;font-weight:400 700;font-display:swap;
  src:url("../fonts/fraunces-variable.woff2") format("woff2");
}
@font-face{
  font-family:"Fraunces";
  font-style:italic;font-weight:400 700;font-display:swap;
  src:url("../fonts/fraunces-italic-variable.woff2") format("woff2");
}
/* Plus Jakarta Sans — body/UI (self-hosted). */
@font-face{
  font-family:"Plus Jakarta Sans";
  font-style:normal;font-weight:400 800;font-display:swap;
  src:url("../fonts/plus-jakarta-variable.woff2") format("woff2");
}

/* Arabic — Cairo/IBM Plex Arabic fallback stack, wired in rtl.css */