/* ============================================================
   WINKER — COLOR TOKENS
   Base palette + semantic aliases.
   Brand master = Winker magenta. Sub-brand = Winker Pro (navy + lime).
   Functional palette is inherited from the production platform.
   ============================================================ */

:root {
  /* ---- Brand: Winker magenta (master / condômino) ---- */
  --winker-magenta-50:  #fbeaf1;
  --winker-magenta-100: #f4c4d9;
  --winker-magenta-200: #e58cb1;
  --winker-magenta-300: #d4548a;
  --winker-magenta-400: #c33670;
  --winker-magenta-500: #b11e58;  /* core brand */
  --winker-magenta-600: #99184b;
  --winker-magenta-700: #7c133c;
  --winker-magenta-800: #5e0e2d;
  --winker-magenta-900: #420a20;

  /* ---- Brand: Winker orange (accent) ---- */
  --winker-orange-50:  #fef4e6;
  --winker-orange-100: #fde2bd;
  --winker-orange-300: #fbc066;
  --winker-orange-500: #f99d25;  /* core accent */
  --winker-orange-600: #e8870c;
  --winker-orange-700: #c06d08;

  /* ---- Sub-brand: Winker Pro navy (administradora surface) ---- */
  --winker-navy-50:  #e7edf2;
  --winker-navy-100: #c2d0db;
  --winker-navy-300: #5a7387;
  --winker-navy-500: #0f3e5c;
  --winker-navy-700: #073352;
  --winker-navy-800: #052941;  /* core navy */
  --winker-navy-900: #031d2f;

  /* ---- Sub-brand: Winker Pro lime (administradora accent) ---- */
  --winker-lime-50:  #f2fbdc;
  --winker-lime-100: #e0f5a8;
  --winker-lime-300: #c4ec55;
  --winker-lime-500: #a9e000;  /* core lime */
  --winker-lime-600: #93c400;
  --winker-lime-700: #769c00;

  /* ---- Functional (platform Bootstrap heritage) ---- */
  --info-light:    #5bc0de;
  --info:          #337ab7;
  --info-dark:     #1e6199;
  --info-cyan:     #31b0d5;

  --success-light: #5cb85c;
  --success:       #449d44;
  --success-dark:  #398439;

  --warning-light: #f8c858;
  --warning:       #e7c030;
  --warning-dark:  #bb8016;

  --danger-light:  #e7505a;
  --danger:        #e73630;
  --danger-dark:   #c12c29;

  /* ---- Neutrals (slate-grey ramp) ---- */
  --neutral-0:    #ffffff;
  --neutral-25:   #fafbfc;
  --neutral-50:   #f5f5f5;
  --neutral-100:  #f0f0f0;
  --neutral-200:  #e7e7e7;
  --neutral-300:  #dddddd;
  --neutral-400:  #adadad;
  --neutral-500:  #808080;
  --neutral-600:  #666666;
  --neutral-700:  #555555;
  --neutral-800:  #2f353b;   /* primary text */
  --neutral-900:  #1a1f24;

  /* ---- Legacy header slate (Metronic layout3) ---- */
  --slate-header:       #444d58;
  --slate-header-hover: #55616f;
  --slate-header-text:  #bcc2cb;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product UI
     (Product-INDEPENDENT. The brand/accent colorway lives in
      tokens/colorways.css, which is swappable per product.)
     ============================================================ */

  /* Named product surfaces (always-available palette refs) */
  --color-pro-surface:     var(--winker-navy-800);
  --color-pro-surface-2:   var(--winker-navy-700);
  --color-pro-accent:      var(--winker-lime-500);
  --color-pro-accent-hover:var(--winker-lime-600);

  /* Text */
  --text-primary:    var(--neutral-800);
  --text-secondary:  var(--neutral-600);
  --text-muted:      var(--neutral-500);
  --text-disabled:   var(--neutral-400);
  --text-inverse:    var(--neutral-0);
  --text-link:       var(--info);
  --text-link-hover: var(--info-dark);

  /* Surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-hover:   var(--neutral-200);
  --surface-input:   #eff3f8;

  /* Borders */
  --border-subtle:   var(--neutral-200);
  --border-default:  var(--neutral-300);
  --border-strong:   var(--neutral-400);
  --border-focus:    var(--info);

  /* Status (action verbs in the platform) */
  --action-confirm:  var(--success-light);   /* Incluir / Salvar */
  --action-confirm-hover: var(--success);
  --action-edit:     var(--info-cyan);        /* Alterar */
  --action-delete:   var(--danger-light);     /* Excluir */
  --action-cancel:   var(--info);             /* Cancelar (outline) */
}