/* ════════════════════════════════════════════════════════════════════════
   AlefGPT.ir — Brand tokens
   هویت: enterprise، الهام‌گرفته از Microsoft 365 / Fluent UI
   ════════════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Brand palette ─── */
  --a-blue:        #0078d4;     /* MS Office blue — primary */
  --a-blue-dark:   #106ebe;
  --a-blue-darker: #005a9e;
  --a-blue-soft:   #c7e0f4;
  --a-blue-bg:     #eff6fc;

  --a-teal:        #13a89e;     /* secondary */
  --a-teal-dark:   #008272;
  --a-teal-soft:   #b3ebe5;

  --a-purple:      #5c2d91;     /* AI accent */
  --a-purple-soft: #d9c6f0;
  --a-purple-bg:   #f4eef9;

  --a-orange:      #ca5010;     /* warning / alerts */
  --a-green:       #107c10;     /* success */
  --a-red:         #d13438;     /* error */
  --a-amber:       #f7a100;

  /* ─── Surfaces ─── */
  --a-page:        #faf9f8;     /* page background */
  --a-surface:     #ffffff;     /* cards */
  --a-surface-2:   #f3f2f1;     /* subtle */
  --a-surface-3:   #edebe9;
  --a-overlay:     rgba(50,49,48,.40);

  /* ─── Borders ─── */
  --a-border:      #edebe9;
  --a-border-2:    #e1dfdd;
  --a-border-3:    #c8c6c4;

  /* ─── Text ─── */
  --a-text:        #201f1e;     /* primary */
  --a-text-2:      #323130;
  --a-text-3:      #605e5c;     /* secondary */
  --a-text-4:      #8a8886;     /* tertiary / disabled */
  --a-text-link:   var(--a-blue);
  --a-text-on-brand: #ffffff;

  /* ─── Sidebar / Topbar ─── */
  --a-side-bg:     #f3f2f1;     /* MS 365 sidebar */
  --a-side-bg-hover: #edebe9;
  --a-side-bg-active: #ffffff;
  --a-top-bg:      #0078d4;     /* office blue topbar */
  --a-top-fg:      #ffffff;

  /* ─── Shadows ─── */
  --a-shadow-1:    0 1.6px 3.6px 0 rgba(0,0,0,.13), 0 0.3px 0.9px 0 rgba(0,0,0,.11);
  --a-shadow-2:    0 6.4px 14.4px 0 rgba(0,0,0,.13), 0 1.2px 3.6px 0 rgba(0,0,0,.11);
  --a-shadow-3:    0 25.6px 57.6px 0 rgba(0,0,0,.22), 0 4.8px 14.4px 0 rgba(0,0,0,.18);
  --a-shadow-card: 0 1.6px 3.6px 0 rgba(0,0,0,.08);

  /* ─── Radius ─── */
  --a-r-sm: 4px;
  --a-r-md: 6px;
  --a-r-lg: 8px;
  --a-r-xl: 12px;
  --a-r-2xl: 16px;
  --a-r-pill: 999px;

  /* ─── Spacing ─── */
  --a-sp-0: 0;
  --a-sp-1: 4px;
  --a-sp-2: 8px;
  --a-sp-3: 12px;
  --a-sp-4: 16px;
  --a-sp-5: 20px;
  --a-sp-6: 24px;
  --a-sp-8: 32px;
  --a-sp-10: 40px;
  --a-sp-12: 48px;
  --a-sp-16: 64px;

  /* ─── Typography ─── */
  --a-font:        "Vazirmatn", "Segoe UI", "IRANSans", -apple-system, BlinkMacSystemFont, sans-serif;
  --a-font-mono:   "Cascadia Code", "JetBrains Mono", "Courier New", monospace;
  --a-fz-xs: 11px;
  --a-fz-sm: 12px;
  --a-fz-base: 14px;
  --a-fz-md: 15px;
  --a-fz-lg: 16px;
  --a-fz-xl: 18px;
  --a-fz-2xl: 20px;
  --a-fz-3xl: 24px;
  --a-fz-4xl: 28px;
  --a-fz-5xl: 36px;
  --a-fz-6xl: 48px;
  --a-lh-tight: 1.3;
  --a-lh-base: 1.5;
  --a-lh-relaxed: 1.85;

  /* ─── Layout ─── */
  --a-side-w: 240px;
  --a-side-w-collapsed: 56px;
  --a-top-h: 48px;
  --a-content-max: 1440px;

  /* ─── Brand gradient ─── */
  --a-grad-brand:  linear-gradient(135deg, var(--a-blue) 0%, var(--a-teal) 50%, var(--a-purple) 100%);
  --a-grad-blue:   linear-gradient(135deg, var(--a-blue-dark), var(--a-blue));
  --a-grad-ai:     linear-gradient(135deg, var(--a-purple), var(--a-blue));
}

/* ─── Reset / base ─── */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { font-size: var(--a-fz-base); }
body {
  font-family: var(--a-font);
  font-size: var(--a-fz-base);
  line-height: var(--a-lh-base);
  color: var(--a-text);
  background: var(--a-page);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--a-text-link); text-decoration: none; }
a:hover { text-decoration: underline; }
button { font-family: inherit; cursor: pointer; }
[hidden] { display: none !important; }

/* Persian numbers helper */
.a-num { unicode-bidi: plaintext; font-variant-numeric: tabular-nums; }
/* LTR scoped */
.a-ltr { direction: ltr; unicode-bidi: plaintext; }