/* ============================================================
   دستیار ساختمان — Base styles & design tokens
   Mirrors the salon app's design-system architecture:
   tokens → base → components (landing.css) → panels
   Brand: deep emerald + gold (building/facility trust palette)
   ============================================================ */

/* ---------- design tokens ---------- */
:root {
  /* brand deeps (replace salon's plum family) */
  --plum: #0f4d3f;          /* deep emerald — headings, primary text accents */
  --plum-2: #0b3a30;        /* darker stop for gradients */
  --rose: #128a67;          /* primary accent (links, kickers, highlights) */
  --rose-soft: #e2f4ed;     /* accent tint for chips/icon plates */

  /* gold highlight family (kept from salon architecture) */
  --gold: #d9a441;
  --gold-soft: #fdf3e0;

  /* gradients */
  --grad: linear-gradient(135deg, #177a5e, #0f4d3f);

  /* neutrals */
  --bg: #f4faf7;
  --line: #dcebe4;
  --ink: #1b2f28;
  --muted: #6b8177;

  /* shape & elevation */
  --radius: 18px;
  --shadow-sm: 0 2px 10px rgba(15, 77, 63, .07);
  --shadow: 0 14px 40px rgba(15, 77, 63, .14);

  /* semantic */
  --ok: #1f8a63;
  --danger: #c0392b;
}

/* ---------- fonts ---------- */
@font-face {
  font-family: 'ArianSans';
  src: url('/static/fonts/arian-sans.woff2') format('woff2'),
       url('/static/fonts/arian-sans.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'ArianSans', 'Vazirmatn', Tahoma, sans-serif;
  background: #fff;
  color: var(--ink);
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--rose); }
img, svg { max-width: 100%; }
h1, h2, h3, h4 { line-height: 1.6; }
::selection { background: var(--rose-soft); }

/* Persian digit rendering helper (used with fa_num filter output) */
.fa-num { font-variant-numeric: normal; }