/* Reset, design tokens, global animations. */
:root {
  --accent: #C8922A;
  --bg: #F4F2EE;
  --ink: #1C1B19;
  --muted: #8C877E;
  --muted-2: #56524B;
  --line: #EAE7E0;
  --line-2: #E5E1D9;
  --card: #ffffff;
  --soft: #FAF9F6;
  --ok-bg: #E8F3EC; --ok-fg: #1F6B43;
  --warn-bg: #FBF3E2; --warn-fg: #946012;
  --danger-bg: #F7E9E4; --danger-fg: #B0553B;
  --green: #2F8F5B;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Vazirmatn', sans-serif;
  min-height: 100vh;
}
button { font-family: inherit; border: none; cursor: pointer; }
input, select, textarea { font-family: inherit; outline: none; }
a { color: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #D8D4CC; border-radius: 8px; border: 2px solid var(--bg); }

@keyframes popIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes toastIn { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* Brand emblem shared by login + header: company logo on a dark badge. */
.brand-emblem {
  width: 48px; height: 48px; border-radius: 50%; flex: none;
  box-shadow: 0 0 0 6px rgba(255,255,255,.08);
  background-color: #241D12;
  background-image: url('../Aftab-Talaei-logo.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 92%;
}
.brand-emblem.sm {
  width: 38px; height: 38px;
  box-shadow: 0 0 0 1px rgba(200,146,42,.35);
}