/* ============================================================
   Rotana Signs: CLIENT SKIN over the Midani design system.

   Load order: design/primitives → design/semantic → design/typography
               → design/spacing → THIS FILE → signs.css

   Everything structural (neutrals, spacing grid, radii, elevation,
   status colours, motion, dark theme) comes from Midani untouched.
   Only two things are client-specific, and both are overridden here
   by re-pointing SEMANTIC ROLES — never by editing the mirrored files:

     1. Brand colour: this portal is client-facing for Rotana Signs,
        whose green is #14A456 (Midani's own brand is #0E8F6E).
     2. Typeface — the content is largely Arabic and Plus Jakarta Sans
        has no Arabic coverage, so Noto Kufi Arabic leads the stack and
        Plus Jakarta Sans stays as the Latin companion.

   To make this portal look like a Midani product instead, delete this
   file and drop the <link> — nothing else needs to change.
   ============================================================ */

:root {
  /* ---- 1. Rotana green in place of Midani green ---- */
  --rs-green:      #14A456;   /* Rotana primary */
  --rs-green-dark: #044d26;   /* Rotana deep green — headings, pressed */

  --brand:           var(--rs-green);
  --brand-hover:     #0F8A48;
  --brand-active:    var(--rs-green-dark);
  --brand-fg:        #FFFFFF;
  --brand-subtle:    #EAF7F0;
  --brand-subtle-fg: var(--rs-green-dark);
  --brand-border:    #CDE9DC;
  --brand-ring:      rgba(20,164,86,.16);

  /* Headings/emphasis use the deep client green rather than plain ink. */
  --brand-ink: var(--rs-green-dark);

  /* Success is the brand green for this client, so the two never clash. */
  --success:        var(--rs-green);
  --success-bg:     #EAF7F0;
  --success-fg:     var(--rs-green-dark);
  --success-border: #CDE9DC;

  /* Client gold: the Monitoring accent. */
  --rs-gold: #C9A227;
  --accent:        var(--rs-gold);
  --accent-subtle: #F3E4B0;
  --accent-fg:     #6B5310;

  /* ---- 2. Arabic-first type stack ---- */
  --font-ui: 'Noto Kufi Arabic', 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
}

/* Dark theme keeps Midani's structure but stays on the client's hue. */
[data-theme="dark"] {
  --brand:           #2FD07A;
  --brand-hover:     #58DD97;
  --brand-active:    #8BE9B7;
  --brand-fg:        #04220F;
  --brand-subtle:    rgba(47,208,122,.12);
  --brand-subtle-fg: #8BE9B7;
  --brand-border:    rgba(47,208,122,.26);
  --brand-ring:      rgba(47,208,122,.22);
  --brand-ink:       #8BE9B7;

  --success:        #2FD07A;
  --success-bg:     rgba(47,208,122,.14);
  --success-fg:     #8BE9B7;
  --success-border: rgba(47,208,122,.28);
}