/* ---------------------------------------------------------------------------
   Brand palette — the single source of truth for the system's colours.

     Highlight Gold #FFD27A  rgb(255, 210, 122)  lights, rings, text on black
     Primary Gold   #D99A32  rgb(217, 154,  50)  the brand's face
     Mid Gold       #B87316  rgb(184, 115,  22)  fills that carry white text
     Deep Gold      #70400D  rgb(112,  64,  13)  text on light, shadows
     Charcoal       #111111                      الموارد البشرية's dark pair
     Deep Black     #050505                      deepest surfaces
     Accent Teal    #0E7C8A                      المستودعات accent
     Accent Gold    #C69C26                      الصيانة والتشغيل accent
     Neutral Gray   #808080                      supporting

   Gold is a light hue: #D99A32 reaches only 2.4:1 against white, so it is the
   brand's face on borders, rules, marks and charts, while white lettering sits
   on --brand-primary-mid or on the charcoal. That pairing — gold against
   black — is also what keeps الموارد البشرية apart from الصيانة والتشغيل,
   which keeps its own softer brass on cream.

   This file loads after the vendored stylesheet and overrides its variables,
   so any component using --color-primary-* follows the brand automatically.
   Each product then re-points that ramp to its own accent in systems.css.
   Semantic colours (success/error/info) are deliberately left alone.
   --------------------------------------------------------------------------- */
:root {
  /* Primary — brand gold */
  --brand-primary-hi: #ffd27a;
  --brand-primary: #d99a32;
  --brand-primary-mid: #b87316;
  --brand-primary-deep: #70400d;
  --brand-ink: #111111;
  --brand-ink-deep: #050505;
  /* Fills that carry white lettering: the primary gold alone is too light. */
  --brand-primary-fill: linear-gradient(135deg, #d99a32 0%, #b87316 100%);
  --color-primary-50: #fdf4e6;
  --color-primary-100: #f8e4bd;
  --color-primary-200: #ecca8c;
  --color-primary-300: #e2b15c;
  --color-primary-400: #d99a32;
  --color-primary-500: #b87316;
  --color-primary-600: #9a600f;
  --color-primary-700: #70400d;
  --color-primary-800: #512f09;
  --color-primary-900: #2f1b05;

  /* 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 — petrol teal. The third of the identity colours; it distinguishes
     المستودعات without leaving the family. Lifted off the old #005f6b so it
     keeps its weight beside the warmer gold. */
  --brand-teal: #0e7c8a;
  --brand-teal-bright: #19a7b8;
  --brand-teal-hi: #8fe3ec;
  --brand-teal-dark: #063c45;
  --brand-teal-tint: #e6f4f6;
  --brand-teal-border: #c6e3e8;

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

  /* Neutrals tuned to sit on gold */
  --bg-secondary: #faf8f4;
  --border-light: #ece7df;
  --shadow-card: 0 8px 22px rgba(62, 42, 10, .06);

  /* Sidebar */
  --color-sidebar-hover: #fdf4e6;
  --color-sidebar-hover-strong: #f6e6c6;
  --color-sidebar-border: #efe7da;
  --color-sidebar-active-bg: #fdf4e6;
  --color-sidebar-active-text: #70400d;
}

/* Identity marks: the brand gold run into the charcoal, ringed in light gold. */
.brand-mark,
.user-avatar,
.topbar-avatar,
.sidebar-user-panel .user-avatar,
.topbar-account-btn .topbar-avatar,
.platform-user .user-avatar {
  /* Each product's own pair; the brand gold when there is no product around. */
  background: linear-gradient(135deg, var(--sys-bright, #d99a32), var(--sys-dark, #111111));
  box-shadow: 0 0 0 2px var(--sys-hi, #ffd27a), 0 3px 8px rgba(17, 17, 17, .22);
}