/* ==========================================================================
   Hedayat Gostar — shared brand tokens + cartoon identity (login, app, admin)
   ========================================================================== */
:root{
  --navy-900:#0b1430; --navy-800:#101c40; --navy-700:#16255a; --navy-600:#1f3275;
  --blue:#2563eb; --blue-600:#1d4ed8; --blue-soft:#eaf1ff;
  --amber:#ffb703; --amber-300:#ffd45e; --amber-100:#fff4cc; --amber-700:#b67a00;
  --ink:#1b2430; --ink-soft:#4b5768; --muted:#7c8798;
  --surface:#fff; --surface-2:#f8fafc; --bg:#f4f6fa; --border:#e3e8ef; --border-strong:#cfd8e3;
  --danger:#dc2626; --danger-soft:#fdecec; --ok:#15803d; --ok-soft:#e8f7ee; --warn:#b45309; --warn-soft:#fef3e2;
  --radius:14px; --radius-sm:9px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.04);
  --shadow:0 6px 18px rgba(16,24,40,.09); --shadow-lg:0 22px 55px rgba(16,24,40,.22);
  --font:"Vazirmatn FD","Vazirmatn",system-ui,"Segoe UI",Tahoma,sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; font-family:var(--font); background:var(--bg); color:var(--ink); font-size:14px; line-height:1.7; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p{ margin:0; } button{ font-family:inherit; font-size:inherit; cursor:pointer; } input,select,textarea{ font-family:inherit; font-size:inherit; color:inherit; }
b,strong{ font-weight:700; }

/* ---- cartoon string-lights garland (ریسه) — the brand's playful border ---- */
.hg-garland{ position:absolute; inset-inline:0; top:0; height:74px; pointer-events:none; z-index:3; overflow:hidden; }
.hg-garland svg{ width:100%; height:100%; display:block; }
.hg-garland .bulb{ animation:hg-twinkle 2.6s ease-in-out infinite; transform-box:fill-box; transform-origin:50% 0; }
.hg-garland .bulb:nth-child(3n){ animation-delay:-.9s } .hg-garland .bulb:nth-child(3n+1){ animation-delay:-1.7s }
@keyframes hg-twinkle{ 0%,100%{ opacity:1; filter:drop-shadow(0 0 6px currentColor) } 50%{ opacity:.55; filter:none } }

/* ---- cartoon card: thick soft outline + offset shadow, like a sticker ---- */
.hg-card{ background:var(--surface); border:2.5px solid var(--navy-800); border-radius:22px; box-shadow:6px 6px 0 var(--amber); }

/* ---- brand lockup ---- */
.hg-mark{ width:40px; height:48px; flex:0 0 auto; filter:drop-shadow(0 3px 6px rgba(255,183,3,.45)); }