/* ============================================================
   GPS Plus - design tokens
   Everything visual lives here. Change a colour or a font in
   this file and it changes everywhere in the platform.
   ============================================================ */

:root{
  /* --- brand ------------------------------------------------ */
  --red:            #A50D11;   /* GPS Plus primary red */
  --red-bright:     #D9231C;   /* brighter red for accents */
  --red-wash:       #FBEEEE;   /* pale red background */

  /* --- sidebar ---------------------------------------------- */
  --nav:            #161214;
  --nav-2:          #221C1F;
  --nav-ink:        #E8E4E6;
  --nav-mute:       #9A9096;

  /* --- surfaces --------------------------------------------- */
  --paper:          #F2F1F3;
  --surface:        #FFFFFF;
  --surface-2:      #FAF8F9;
  --line:           #E3DDE1;

  /* --- text ------------------------------------------------- */
  --ink:            #16181C;
  --ink-mid:        #4C5057;
  --ink-soft:       #6E6870;

  /* --- state ------------------------------------------------ */
  --green:          #1E8B55;   /* online, good */
  --green-wash:     #E9F5EF;
  --grey:           #8A8288;   /* offline, neutral */
  --amber:          #9A6B12;   /* attention */
  --amber-wash:     #F8F1E3;

  /* --- type ------------------------------------------------- */
  --font-body: "Barlow", "Noto Sans Arabic", system-ui, sans-serif;
  --font-head: "Barlow", "Noto Kufi Arabic", system-ui, sans-serif;
  --font-num:  "Barlow Condensed", sans-serif;

  /* --- shape ------------------------------------------------ */
  --radius:      8px;
  --radius-sm:   6px;
  --shadow:      0 6px 26px rgba(22,24,28,.14);
}

/* Arabic-script languages need the Arabic faces first, otherwise
   the Latin font wins and Kurdish text renders badly. */
html[data-script="arabic"]{
  --font-body: "Noto Sans Arabic", "Barlow", system-ui, sans-serif;
  --font-head: "Noto Kufi Arabic", "Barlow", system-ui, sans-serif;
}