/* ============================================================
   COLORS — Minhas Vendas
   Warm, calm CRM palette: sage-green brand, cream/sand
   secondary, warm-gray neutrals, and clear payment-status
   semantics (paid / due-soon / overdue / scheduled).
   ============================================================ */

:root {
  /* ---- Brand: Sage Green ------------------------------------ */
  --green-50:  #F1F4EF;
  --green-100: #DFE7DC;
  --green-200: #C0CFBB;
  --green-300: #9AB293;
  --green-400: #72906B;
  --green-500: #54684F;   /* primary brand green */
  --green-600: #455641;
  --green-700: #384535;
  --green-800: #2C372A;
  --green-900: #1E2620;

  /* ---- Secondary: Sand / Cream ------------------------------ */
  --sand-50:  #FAF7EF;
  --sand-100: #F3ECD9;
  --sand-200: #EADFC5;   /* soft icon-circle fill */
  --sand-300: #DDCAA0;
  --sand-400: #CBB377;
  --sand-500: #B59B57;
  --sand-600: #937C43;

  /* ---- Neutrals: Warm Gray ---------------------------------- */
  --gray-0:   #FFFFFF;
  --gray-25:  #FBFBF9;
  --gray-50:  #F5F5F1;
  --gray-100: #ECECE7;
  --gray-200: #E2E2DC;
  --gray-300: #CFCFC8;
  --gray-400: #ABABA3;
  --gray-500: #8C9089;
  --gray-600: #6B6F69;
  --gray-700: #4C504B;
  --gray-800: #313531;
  --gray-900: #1E211D;

  /* ---- Semantic hues ---------------------------------------- */
  --positive-bg:  #DCEAC8;
  --positive-fg:  #4C6B2C;
  --positive-500: #6E9442;

  --warning-bg:   #FBEDC9;
  --warning-fg:   #946215;
  --warning-500:  #C9912E;

  --negative-bg:  #F8DAD4;
  --negative-fg:  #BF4536;
  --negative-500: #D45A48;

  --info-bg:      #DBE5F0;
  --info-fg:      #3C6492;
  --info-500:     #5A86B8;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product UI
     ============================================================ */

  /* Surfaces & background */
  --bg-app:          var(--gray-100);     /* warm-gray canvas */
  --surface-card:    var(--gray-0);       /* white cards */
  --surface-sunken:  var(--gray-50);      /* inset / mini-cards */
  --surface-inverse: var(--green-500);    /* active / featured card */
  --surface-accent:  var(--sand-200);     /* cream accent fill */

  /* Text */
  --text-strong:    var(--gray-900);
  --text-body:      var(--gray-700);
  --text-muted:     var(--gray-500);
  --text-on-brand:  #FFFFFF;
  --text-on-accent: var(--green-700);

  /* Brand actions */
  --brand:          var(--green-500);
  --brand-hover:    var(--green-600);
  --brand-press:    var(--green-700);
  --brand-subtle:   var(--green-50);

  /* Borders & lines */
  --border-subtle:  var(--gray-200);
  --border-strong:  var(--gray-300);
  --border-focus:   var(--green-400);

  /* Payment-status mapping (installment tracking) */
  --status-paid-bg:      var(--positive-bg);
  --status-paid-fg:      var(--positive-fg);
  --status-due-bg:       var(--warning-bg);
  --status-due-fg:       var(--warning-fg);
  --status-overdue-bg:   var(--negative-bg);
  --status-overdue-fg:   var(--negative-fg);
  --status-scheduled-bg: var(--info-bg);
  --status-scheduled-fg: var(--info-fg);
}