/* EditFR brand tokens — colours sampled from the master logo file (editFR.ai).
   Import this in the website so every page uses the same values. */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&family=Hind+Siliguri:wght@400;600;700&display=swap");

:root {
  /* Core */
  --efr-blue: #023FD8;        /* Electric Blue — primary brand field */
  --efr-mint: #57F9C7;        /* FR Mint — accent, the "FR" */
  --efr-white: #FFFFFF;       /* "Edit" on dark */
  --efr-midnight: #0A0F2C;    /* dark-mode base */

  /* Supporting */
  --efr-royal: #005AD1;       /* "Edit" on light backgrounds, links */
  --efr-deep: #004BB9;        /* icon shading, pressed states */
  --efr-mint-shade: #24CBA2;  /* FR fold shading, hover on mint */
  --efr-cloud: #F4F7FF;       /* light-mode surface */
  --efr-slate: #5B6385;       /* secondary text on light */

  /* Type */
  --efr-font-display: "Jost", "Futura", "Futura PT", "Century Gothic", sans-serif;
  --efr-font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --efr-font-bangla: "Hind Siliguri", "Noto Sans Bengali", sans-serif;

  /* Shape */
  --efr-radius-s: 10px;
  --efr-radius-m: 18px;
  --efr-radius-l: 32px;
  --efr-radius-pill: 999px;
}