/* ============================================================
   Manuel — Color tokens
   Base palette pulled verbatim from the Figma variable collection.
   Semantic aliases map raw hues onto UI roles.
   ============================================================ */
:root {
  /* --- Brand core --- */
  --clr-primary:        #0344dc;   /* rgb(3,68,220)   — Primairy, the signature blue */
  --clr-primary-600:    #0138b8;   /* rgb(1,56,184)   — pressed / deep blue */
  --clr-primary-700:    #012b93;   /* rgb(1,43,147)   — Manuel's chat bubble blue */
  --clr-me-blue:        #2056da;   /* rgb(32,86,218)  — "me" chat bubble */
  --clr-light-blue:     #688fea;   /* rgb(104,143,234)— Secundairy blue */

  --clr-secondary:      #ff3a00;   /* rgb(255,58,0)   — Secundary, the orange accent (mic, CTA) */

  --clr-navy:           #01203f;   /* rgb(1,32,63)    — Dark, primary text / ink */
  --clr-navy-70:        rgba(1,32,63,0.7);
  --clr-navy-40:        rgba(1,32,63,0.4);
  --clr-navy-30:        rgba(1,32,63,0.3);
  --clr-navy-20:        rgba(1,32,63,0.2);
  --clr-line:           rgba(1,32,63,0.1);   /* hairline / divider */

  /* --- Status / semantic hues --- */
  --clr-green:          #5ac884;   /* rgb(90,200,132) — success, high confidence */
  --clr-red:            #db3434;   /* rgb(219,52,52)  — error / critical */

  /* --- Neutrals --- */
  --clr-white:          #ffffff;
  --clr-grey:           #b9b9c3;   /* rgb(185,185,195)— muted icons / placeholders */
  --clr-grey-text:      #686868;   /* rgb(104,104,104)— secondary copy */
  --clr-surface-blue:   #f3f7ff;   /* rgb(243,247,255)— app canvas / light fill */

  /* --- Extended accents (dashboard data viz) --- */
  --clr-indigo:         #5856d6;
  --clr-orange:         #ff9500;
  --clr-purple:         #af52de;
  --clr-teal:           #30b0c7;
  --clr-yellow:         #ffcc00;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --text-primary:       var(--clr-navy);
  --text-secondary:     var(--clr-grey-text);
  --text-muted:         var(--clr-navy-40);
  --text-on-brand:      var(--clr-white);
  --text-link:          var(--clr-primary);

  --surface-page:       var(--clr-surface-blue);
  --surface-card:       var(--clr-white);
  --surface-brand:      var(--clr-primary);
  --surface-brand-deep: var(--clr-primary-700);
  --surface-subtle:     var(--clr-surface-blue);

  --border-default:     var(--clr-line);
  --border-strong:      var(--clr-navy-30);

  --accent-action:      var(--clr-secondary);  /* orange — mic, primary CTA */
  --accent-brand:       var(--clr-primary);

  --status-success:     var(--clr-green);
  --status-error:       var(--clr-red);
  --status-critical:    var(--clr-secondary);
}