/* =====================================================================
   BooKKav — Design Tokens  (refined literary-luxury system)
   Variable NAMES are preserved for backward compatibility; only the
   VALUES are retuned toward a warm-paper / emerald / antique-gold palette.
   ===================================================================== */

/* ---- Persian UI/body + headings : Pinar (full weight range) ---- */
@font-face{font-family:"Pinar";src:url("../fonts/pinar/Pinar-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Pinar";src:url("../fonts/pinar/Pinar-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Pinar";src:url("../fonts/pinar/Pinar-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Pinar";src:url("../fonts/pinar/Pinar-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Pinar";src:url("../fonts/pinar/Pinar-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;}

/* ---- Latin / numerals / labels : Fraunces (editorial serif) ---- */
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces/fraunces-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces/fraunces-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces/fraunces-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;}

:root{
  /* emerald scale */
  --bk-brand:#15614A;
  --bk-emerald-a:#1d6e54;
  --bk-emerald-b:#15614A;
  --bk-emerald-c:#0E3F30;
  --bk-brand-50:#F0F6F2;
  --bk-brand-100:#D9E8E0;
  --bk-brand-200:#B6D2C5;
  --bk-brand-300:#80B8A1;
  --bk-brand-500:#2E7B61;
  --bk-brand-700:#124E3B;
  --bk-brand-800:#0E3F30;
  --bk-brand-900:#0A2E24;

  /* antique / muted gold — precious accent, used sparingly */
  --bk-gold:#A8812D;
  --bk-lux-gold-a:#E7CE94;
  --bk-lux-gold-b:#C2A05A;
  --bk-lux-gold-c:#A8812D;
  --bk-gold-50:#F6EFDD;
  --bk-gold-100:#EBDDB6;
  --bk-gold-300:#D8BE80;
  --bk-gold-700:#8A6A24;
  --bk-gold-900:#5A4416;

  /* warm paper surfaces */
  --bk-bg:#FAF6EC;
  --bk-card:#FFFFFF;
  --bk-inset:#F4ECDD;
  --bk-border:#E8E1D1;
  --bk-heading:#1C2521;
  --bk-body:#4A554E;
  --bk-muted:#8C9189;

  /* reader surfaces (unchanged — reader subsystem owns these) */
  --reader-paper-bg:#FBF7EE;
  --reader-paper-ink:#2E2A22;
  --reader-sepia-bg:#F3EAD6;
  --reader-sepia-ink:#5A4632;
  --reader-night-bg:#14110D;
  --reader-night-ink:#CDC6B6;

  --success:#2E9E6B;
  --warning:#C9962B;
  --danger:#C5453A;
  --info:#3A7CA5;

  /* type roles */
  --font-main:"Pinar","Vazirmatn","Tahoma",sans-serif;
  --font-display:"Pinar","Vazirmatn","Tahoma",sans-serif;
  --font-latin:"Fraunces",Georgia,"Times New Roman",serif;

  /* shape — refined, less bubbly */
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;

  /* depth */
  --shadow-soft:0 1px 2px rgba(28,37,33,.04),0 18px 40px -24px rgba(28,37,33,.22);
  --shadow:0 30px 70px -34px rgba(14,63,48,.40);
  --shadow-gold:0 10px 26px -12px rgba(168,129,45,.50);
  --shadow-gold-strong:0 14px 36px -14px rgba(168,129,45,.60);

  --container:min(1180px, calc(100vw - 40px));
  --hairline-gold:linear-gradient(90deg,transparent,var(--bk-gold) 18%,var(--bk-gold) 82%,transparent);

  /* motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-emphatic:cubic-bezier(.16,1,.3,1);
  --dur-1:.18s; --dur-2:.32s; --dur-3:.6s;
}

html[data-theme="dark"]{
  --bk-bg:#0C1A14;
  --bk-card:#102018;
  --bk-inset:#15281E;
  --bk-border:rgba(255,255,255,.08);
  --bk-heading:#F4EFE3;
  --bk-body:rgba(244,239,227,.82);
  --bk-muted:rgba(244,239,227,.6);
  --bk-gold:#D8BE80;
  --shadow-soft:0 20px 70px rgba(0,0,0,.30);
}