/* ─────────────────────────────────────────────────────────────
   الرموز اللونية — مأخوذة حرفياً من app/app_theme.py (سمة المخطوط)
   brand       → [data-theme="light"]
   brand_dark  → [data-theme="dark"]
   ألوان الشعار (#0e2f38 / #c9a24b) ثابتة ولا تُعاد تلوينها أبداً.
   ───────────────────────────────────────────────────────────── */

@font-face { font-family: "Aramesh"; src: url("../fonts/Aramesh-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Aramesh"; src: url("../fonts/Aramesh-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Aramesh"; src: url("../fonts/Aramesh-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* الشعار — لا يتغيّر مع المظهر */
  --logo-navy: #0e2f38;
  --logo-gold: #c9a24b;

  /* الإيقاع */
  --font: "Aramesh", "Segoe UI", Tahoma, sans-serif;
  --radius-s: 8px;
  --radius: 12px;
  --radius-l: 18px;
  --bar-h: 64px;
  --status-h: 30px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f1e6;
  --surface: #fffdf8;
  --surface-alt: #f3ebdb;
  --border: #e3d5bb;
  --border-strong: #d9c9a9;
  --text: #2b2117;
  --muted: #7d6b55;
  --faint: #8c7a60;
  --accent: #b8862b;
  --accent-dark: #8e6418;
  --accent-soft: #f6ecd8;
  --on-accent: #2b2117;
  --user-bg: #f6ecd8;
  --user-label: #8e6418;
  --bot-label: #4a3b2a;
  --success: #1f6f63;
  --success-bg: #f0f6f2;
  --danger: #a3301f;
  --danger-bg: #fdf1ee;
  --warning: #8a5a10;
  --neutral: #4a3b2a;
  --on-neutral: #fffdf8;
  --highlight-bg: #fbeec4;
  --highlight-fg: #6b4d12;
  --scrollbar: #d9c9a9;
  --logo-plate: transparent;

  --shadow-s: 0 1px 2px rgb(74 59 42 / .06), 0 2px 8px rgb(74 59 42 / .05);
  --shadow: 0 1px 2px rgb(74 59 42 / .05), 0 12px 32px -8px rgb(74 59 42 / .14);
  --shadow-l: 0 30px 80px -20px rgb(43 33 23 / .28);
  --ring-line: rgb(142 100 24 / .10);
  --paper-grain: .045;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1a1713;
  --surface: #241f19;
  --surface-alt: #2d2720;
  --border: #3c342a;
  --border-strong: #4a4033;
  --text: #efe7d8;
  --muted: #b5a68d;
  --faint: #9c8e77;
  --accent: #dfb457;
  --accent-dark: #c8941f;
  --accent-soft: #382f1e;
  --on-accent: #241f19;
  --user-bg: #382f1e;
  --user-label: #dfb457;
  --bot-label: #d8bd72;
  --success: #4fae86;
  --success-bg: #1e3a2f;
  --danger: #e8705c;
  --danger-bg: #3a211c;
  --warning: #e0b347;
  --neutral: #3c342a;
  --on-neutral: #efe7d8;
  --highlight-bg: #4a3d1a;
  --highlight-fg: #f0c659;
  --scrollbar: #3c342a;
  --logo-plate: #fffdf8; /* في المظاهر الداكنة: صفحة فاتحة تحت الشعار كما في البرنامج */

  --shadow-s: 0 1px 2px rgb(0 0 0 / .3);
  --shadow: 0 1px 2px rgb(0 0 0 / .25), 0 14px 36px -10px rgb(0 0 0 / .5);
  --shadow-l: 0 30px 80px -20px rgb(0 0 0 / .7);
  --ring-line: rgb(223 180 87 / .08);
  --paper-grain: .06;
}