/* ============================================================
   COLORS — NuestraCuenta
   Base palette mirrors the app's shadcn "neutral" theme (oklch
   greyscale) plus the blue the product actually paints CTAs,
   links and active nav with, and the green/red money semantics.
   Base ramps first, semantic aliases at the bottom.
   ============================================================ */
:root {
  /* --- Neutral ramp (oklch, from the app's globals.css) --- */
  --neutral-0:   oklch(1 0 0);        /* #ffffff  surfaces            */
  --neutral-50:  oklch(0.985 0 0);    /* #fafafa  app background      */
  --neutral-100: oklch(0.97 0 0);     /* #f5f5f5  muted / secondary   */
  --neutral-200: oklch(0.922 0 0);    /* #e5e5e5  borders             */
  --neutral-300: oklch(0.87 0 0);     /* #d4d4d4  dividers strong     */
  --neutral-400: oklch(0.708 0 0);    /* #a1a1a1  ring / placeholder  */
  --neutral-500: oklch(0.556 0 0);    /* #737373  muted text          */
  --neutral-600: oklch(0.439 0 0);    /* #525252  secondary text      */
  --neutral-700: oklch(0.371 0 0);    /* #404040                      */
  --neutral-800: oklch(0.269 0 0);    /* #262626                      */
  --neutral-900: oklch(0.205 0 0);    /* #1a1a1a  primary / near-black */
  --neutral-950: oklch(0.145 0 0);    /* #0a0a0a  foreground          */

  /* --- Brand blue (Tailwind blue — the de-facto action colour) --- */
  --blue-50:  #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;   /* primary action, links, active nav */
  --blue-700: #1d4ed8;   /* hover */

  /* --- Money semantics --- */
  --green-50:  #f0fdf4;
  --green-200: #bbf7d0;
  --green-500: #22c55e;
  --green-600: #16a34a;  /* income, refunds, "al día" */
  --green-700: #15803d;

  --red-50:  #fef2f2;
  --red-200: #fecaca;
  --red-500: #ef4444;    /* errors */
  --red-600: #dc2626;
  --destructive: oklch(0.577 0.245 27.325);

  /* --- Category accents (muted, for badges/charts) --- */
  --cat-supermercado: #16a34a;  /* Alimentación / Supermercado */
  --cat-hogar:        #8b5cf6;  /* Hogar */
  --cat-delivery:     #f97316;  /* Delivery */
  --cat-restaurantes: #e11d48;  /* Restaurantes */
  --cat-transporte:   #0ea5e9;  /* Transporte */
  --cat-entretencion: #d946ef;  /* Entretención */
  --cat-servicios:    #ca8a04;  /* Servicios básicos */
  --cat-telecom:      #0891b2;  /* Telecom */
  --cat-salud:        #ef4444;  /* Salud */
  --cat-mascotas:     #a16207;  /* Mascotas */
  --cat-otros:        #737373;  /* Otros */

  /* ============================================================
     SEMANTIC ALIASES — reach for these in product UI
     ============================================================ */
  --background:        var(--neutral-50);
  --surface:           var(--neutral-0);
  --surface-card:      var(--neutral-0);
  --surface-muted:     var(--neutral-100);

  --text-strong:       var(--neutral-950);
  --text-body:         var(--neutral-900);
  --text-secondary:    var(--neutral-600);
  --text-muted:        var(--neutral-500);
  --text-placeholder:  var(--neutral-400);
  --text-on-accent:    var(--neutral-0);

  --border:            var(--neutral-200);
  --border-strong:     var(--neutral-300);
  --ring:              var(--neutral-400);

  --accent:            var(--blue-600);
  --accent-hover:      var(--blue-700);
  --accent-soft:       var(--blue-50);
  --accent-text:       var(--blue-600);

  --primary:           var(--neutral-900);  /* shadcn near-black button */
  --primary-foreground:var(--neutral-50);

  --positive:          var(--green-600);
  --positive-soft:     var(--green-50);
  --positive-border:   var(--green-200);
  --negative:          var(--red-500);
  --negative-soft:     var(--red-50);

  /* Split-specific: the household's 57/43 protagonists */
  --persona-a:         var(--blue-600);   /* 57% */
  --persona-b:         #8b5cf6;           /* 43% */
}