/* ============================================================
   TAANUS — Brand Design Tokens
   Single source of truth for colours. Every screen (marketing
   site, owner console, nursery dashboard, parent portal) must
   consume these variables — never hard-code brand colours.

   Values are sampled directly from the official identity board
   (Source of Truth). Do not re-pick or "improve" them.
   ============================================================ */

:root {
  /* --- greens ------------------------------------------------ */
  --taanus-green: #54A47E;        /* leaf / secondary mint-leaning green */
  --taanus-green-mid: #44906F;    /* ring middle tone (gradient stop)   */
  --taanus-green-dark: #185444;   /* primary dark green — titles, identity */
  --taanus-green-deep: #1E5A48;   /* deep green — gradient end           */
  --taanus-green-soft: #E7F3EC;   /* mint tint — soft backgrounds        */

  /* --- warm accents ------------------------------------------ */
  --taanus-gold: #BE9468;         /* warm gold — accents, highlights     */
  --taanus-gold-soft: #ECC89D;    /* soft gold — figure tone in the mark */
  --taanus-peach: #E9C4A3;        /* peach / cream — warm secondary      */

  /* --- backgrounds -------------------------------------------- */
  --taanus-bg: #FFFFFF;           /* white                                */
  --taanus-cream: #F9F1E7;        /* warm off-white                       */
  --taanus-cream-deep: #F2E8DF;   /* deeper warm cream                    */

  /* --- text (tonal derivatives of the palette) ---------------- */
  --taanus-text: #1F3D33;         /* body text — green-tinted charcoal    */
  --taanus-muted: #6E8378;        /* secondary text — green-grey          */
  --taanus-on-dark: #F4F7F4;      /* text on dark green / black           */
  --taanus-muted-on-dark: #C9D6CD;/* secondary text on dark surfaces      */

  /* --- semantic aliases --------------------------------------- */
  --taanus-primary: var(--taanus-green-dark);
  --taanus-primary-contrast: #FFFFFF;
  --taanus-accent: var(--taanus-gold);
  --taanus-success: var(--taanus-green);
  --taanus-surface: var(--taanus-bg);
  --taanus-surface-warm: var(--taanus-cream);
  --taanus-surface-mint: var(--taanus-green-soft);

  /* --- mark gradient (mirrors the ring shading on the board) -- */
  --taanus-mark-gradient: linear-gradient(
    128deg,
    var(--taanus-green) 0%,
    var(--taanus-green-mid) 45%,
    var(--taanus-green-deep) 100%
  );

  /* --- tagline (locked copy, do not reword) ------------------- */
  /* «معًا.. ننشئ بيئة أجمل» — use as text in pages, never baked
     into the logo SVG files. */
}