/* ══════════════════════════════════════════════════
   पैशांचं झाड — Shared design tokens & base styles
   One font / color / base-component library for the
   public site, admin panel and internal tools.
   Palette + type match the Investment Proposal template:
   warm sage-green on cream, Google Sans Flex / Hind body,
   Source Serif 4 for display accents.
   ══════════════════════════════════════════════════ */

@import url('../fonts/fonts.css');

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --bg:         #FBF9F3;   /* warm paper */
  --bg2:        #F3EFE4;   /* warm cream — alt sections / inset */
  --text:       #23211C;   /* warm ink */
  --muted:      #6B655B;   /* warm muted */
  --border:     #E6E2D6;   /* warm hairline */
  --accent:     #517A4B;   /* sage green */
  --accent-bg:  #EFF3EC;   /* green tint */
  --accent-text:#3E5F39;   /* deeper sage — text on tint / white */
  --beige:      #F1EBDD;   /* warm beige accent */
  --meta:       #6B655B;
  --focus:      #3E5F39;   /* sage focus ring */
  --err-bg:     #FBEEEC;
  --err-border: #F0D3CE;
  --err-text:   #B0472E;
  --r:          14px;
  --font-mr:    'Hind', 'Noto Sans Devanagari', sans-serif;      /* body / Devanagari-capable */
  --font-en:    'Google Sans Flex', 'Hind', sans-serif;           /* Latin body */
  --font-serif: 'Source Serif 4', Georgia, serif;                 /* display accents */
}

body   { font-family:var(--font-mr); background:var(--bg); color:var(--text); }
a      { text-decoration:none; color:inherit; }
button { font-family:inherit; cursor:pointer; }
input, textarea, select { font-family:inherit; }
input:focus, textarea:focus, select:focus { border-color:var(--accent); }

/* ── FOCUS / A11Y — same standard everywhere ────── */
:focus-visible { outline:2px solid var(--focus); outline-offset:2px; border-radius:4px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }
}

/* ── SHARED COMPONENTS ──────────────────────────── */
.card {
  background:#fff; border:1px solid var(--border); border-radius:16px;
}
.login-card { max-width:400px; }
.err {
  background:var(--err-bg); border:1px solid var(--err-border); color:var(--err-text);
  font-size:13px; padding:10px 14px; border-radius:10px; margin-bottom:16px;
}