/* ============================================================
   Maitha Tech — Color tokens
   A disciplined monochrome system: ink-black canvas, pure
   white type, two grays for hierarchy. Color is restraint.
   ============================================================ */

:root {
  /* —— Base palette —————————————————————————————— */
  --mt-black:        #000000;   /* primary canvas            */
  --mt-near-black:   #0a0a0a;   /* raised surfaces on black  */
  --mt-ink:          #121212;   /* cards / panels on black   */
  --mt-white:        #ffffff;   /* primary type on dark      */
  --mt-light-gray:   #e8e8e8;   /* body copy on dark         */
  --mt-mid-gray:     #cccccc;   /* muted type / inactive     */
  --mt-dark-gray:    #4d4d4d;   /* captions, disabled, hints */
  --mt-graphite:     #1c1c1c;   /* hairline fills            */

  /* Hairline borders — translucent white over black */
  --mt-border:           rgba(255, 255, 255, 0.16);
  --mt-border-strong:    rgba(255, 255, 255, 0.28);
  --mt-border-faint:     rgba(255, 255, 255, 0.08);
  --mt-border-on-light:  rgba(0, 0, 0, 0.12);

  /* —— Brand accents ——————————————————————————————
     Blue is the primary accent; orange is the warm secondary.
     Used for emphasis, status, focus & small highlights — never
     as large flat fills on the monochrome canvas. */
  --mt-blue:          #0046ff;
  --mt-blue-dim:      #0039cc;
  --mt-orange:        #ff4400;
  --mt-orange-dim:    #d93800;

  /* Back-compat alias — "signal" now maps to the blue accent. */
  --mt-signal:        var(--mt-blue);
  --mt-signal-dim:    var(--mt-blue-dim);

  /* Semantic feedback (kept muted to fit the monochrome system) */
  --mt-success:       #5fd08a;
  --mt-warning:       #e8c14d;
  --mt-danger:        #f06a5a;

  /* —— Semantic aliases (DARK is the default surface) ——— */
  --surface-page:        var(--mt-black);
  --surface-raised:      var(--mt-near-black);
  --surface-card:        var(--mt-ink);
  --surface-inverse:     var(--mt-white);

  --text-strong:         var(--mt-white);
  --text-body:           var(--mt-light-gray);
  --text-muted:          var(--mt-mid-gray);
  --text-faint:          var(--mt-dark-gray);
  --text-on-light:       var(--mt-black);

  --border-default:      var(--mt-border);
  --border-strong:       var(--mt-border-strong);
  --border-faint:        var(--mt-border-faint);

  --accent:              var(--mt-blue);
  --accent-warm:         var(--mt-orange);
  --focus-ring:          rgba(0, 70, 255, 0.5);
}