/* ---------------------------------------------------------------------------
   INtroduction brand palette — the single source of truth for the system's
   colours, taken from the company's identity file.

     Primary Red   #A81C22  rgb(168, 28, 34)    the logo mark
     Deep Maroon   #691619  rgb(105, 22, 25)    wordmark / dark surfaces
     Accent Teal   #005F6B                      المستودعات accent
     Accent Gold   #C69C26                      الصيانة والتشغيل accent
     Neutral Gray  #808080                      supporting

   This file loads after the vendored stylesheet and overrides its variables,
   so any component using --color-primary-* follows the brand automatically.
   Semantic colours (success/error/info) are deliberately left alone.
   --------------------------------------------------------------------------- */
:root {
  /* Primary — brand red */
  --brand-red: #a81c22;
  --brand-maroon: #691619;
  --color-primary-50: #fbeced;
  --color-primary-100: #f4cbcd;
  --color-primary-200: #e5999d;
  --color-primary-300: #d4676d;
  --color-primary-400: #c04047;
  --color-primary-500: #a81c22;
  --color-primary-600: #8e171d;
  --color-primary-700: #691619;
  --color-primary-800: #4e1013;
  --color-primary-900: #330a0c;

  /* Accent — gold */
  --brand-gold: #c69c26;
  --brand-gold-tint: #faf3e0;
  --brand-gold-border: #e8d08a;
  --brand-gold-ink: #7a5f12;
  --color-secondary-500: #c69c26;
  --color-accent-500: #c69c26;
  --color-warning: #c69c26;

  /* Accent — teal. The third of the identity colours; it distinguishes the
     المستودعات product without leaving the family. */
  --brand-teal: #005f6b;
  --brand-teal-dark: #00454e;
  --brand-teal-tint: #e6f1f3;
  --brand-teal-border: #b8d8dd;

  /* Supporting neutral */
  --brand-gray: #808080;
  --brand-gray-tint: #f2f2f2;
  --brand-gray-border: #d9d9d9;

  /* Neutrals tuned to sit on red */
  --bg-secondary: #faf7f7;
  --border-light: #ece5e5;
  --shadow-card: 0 8px 22px rgba(60, 12, 14, .06);

  /* Sidebar */
  --color-sidebar-hover: #fbeced;
  --color-sidebar-hover-strong: #f4d4d6;
  --color-sidebar-border: #eee3e3;
  --color-sidebar-active-bg: #fbeced;
  --color-sidebar-active-text: #691619;
}

/* Identity marks: solid brand red with a gold ring. */
.brand-mark,
.user-avatar,
.topbar-avatar,
.sidebar-user-panel .user-avatar,
.topbar-account-btn .topbar-avatar,
.platform-user .user-avatar {
  background: linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));
  box-shadow: 0 0 0 2px var(--brand-gold-border), 0 3px 8px rgba(60, 12, 14, .18);
}