/* Priti Cosmetic — color primitives (v1.2 · dirección pastel).
   Los valores de rosa y lima están muestreados del arte original del logotipo
   (priti_logo_solo.pdf): lima #CDE343, blush #FECAE0, rosa fuerte #F1408C.

   REGLA DE JERARQUÍA v1.2 — el fucsia dejó de ser superficie:
     · Superficies principales  → paper, cream, nude, blush pálido
     · Color de marca dominante → rosa pastel (pink-200 / pink-300)
     · Rosa fuerte (pink-500)   → acentos y estados, nunca grandes áreas (<10% del lienzo)
     · Lima (lime-400)          → microacento reconocible (puntos, un burst, una etiqueta) */
:root{
  /* Rosa — la familia de marca */
  --priti-pink-50:#FFF5F9;
  --priti-pink-100:#FFE7F2;
  --priti-pink-200:#FECAE0;
  --priti-pink-300:#FBA7CC;
  --priti-pink-400:#F66FA9;
  --priti-pink-500:#F1408C;
  --priti-pink-600:#D62978;
  --priti-pink-700:#A62152;
  --priti-pink-800:#76163A;

  /* Lima — microacento, directo del burst del logotipo */
  --priti-lime-100:#F6FBDC;
  --priti-lime-200:#E9F6A4;
  --priti-lime-300:#DCEF74;
  --priti-lime-400:#CDE343;
  --priti-lime-500:#B4CB2D;
  --priti-lime-600:#8FA61A;
  --priti-lime-700:#5F6E0F;

  /* Neutros cálidos — la base pastel del sistema */
  --priti-ink-900:#1C1216;
  --priti-ink-700:#4A3A41;
  --priti-ink-500:#7C6A71;
  --priti-ink-400:#A2929A;
  --priti-ink-300:#D8CBD1;
  --priti-ink-200:#EDE3E7;
  --priti-paper:#FFFBFC;
  --priti-white:#FFFFFF;
  --priti-cream:#FBF3EC;
  --priti-nude:#F0DCCB;
  --priti-nude-deep:#E3C4A9;

  /* ---- Semántica: texto ---- */
  --text-strong:var(--priti-ink-900);
  --text-body:var(--priti-ink-700);
  --text-muted:var(--priti-ink-500);
  /* CONTRASTE — verificado contra cada superficie v1.2:
       ink-500 #7C6A71 → paper 4.92 ✓ · cream 4.60 ✓ · blush 4.32 ✗ · nude 3.80 ✗ · pink-200 3.55 ✗
       ink-700 #4A3A41 → paper 9.7 ✓ · cream 9.1 ✓ · blush 9.11 ✓ · nude 8.01 ✓ · pink-200 7.47 ✓
     Por eso --text-muted / --text-faint SÓLO valen sobre paper y cream.
     Sobre nude, blush o rosa pastel usa --text-muted-on-pastel. */
  --text-faint:var(--priti-ink-500);
  --text-muted-on-pastel:var(--priti-ink-700);
  --decor-faint:var(--priti-ink-400);
  --text-brand:var(--priti-pink-700);
  --text-brand-deep:var(--priti-pink-800);
  --text-on-pink:var(--priti-pink-800);
  --text-on-accent:var(--priti-white);
  --text-on-lime:var(--priti-ink-900);
  --text-on-ink:var(--priti-pink-100);
  --text-price:var(--priti-pink-800);

  /* ---- Semántica: superficies ---- */
  --surface-page:var(--priti-cream);
  --surface-card:var(--priti-paper);
  --surface-sunken:var(--priti-pink-50);
  --surface-blush:var(--priti-pink-100);
  --surface-blush-strong:var(--priti-pink-200);
  --surface-brand:var(--priti-pink-200);
  --surface-pink:var(--priti-pink-300);
  --surface-pink-deep:var(--priti-pink-700);
  --surface-accent:var(--priti-pink-500);
  --surface-lime:var(--priti-lime-400);
  --surface-lime-soft:var(--priti-lime-100);
  --surface-cream:var(--priti-cream);
  --surface-nude:var(--priti-nude);
  --surface-ink:var(--priti-ink-900);
  --surface-photo:var(--priti-nude);

  /* ---- Semántica: líneas ---- */
  --border-hairline:rgba(118,22,58,.08);
  --border-nude:var(--priti-nude);
  --border-soft:var(--priti-ink-200);
  --border-pink:var(--priti-pink-200);
  --border-pink-strong:var(--priti-pink-500);
  --border-lime:var(--priti-lime-400);
  --border-ink:var(--priti-ink-900);

  /* ---- Semántica: estados de stock ---- */
  --status-new-bg:var(--priti-lime-400);
  --status-new-fg:var(--priti-ink-900);
  --status-out-bg:var(--priti-ink-200);
  --status-out-fg:var(--priti-ink-500);
  --status-restock-bg:var(--priti-pink-100);
  --status-restock-fg:var(--priti-pink-800);
  --status-sale-bg:var(--priti-pink-600);
  --status-sale-fg:var(--priti-white);
  --status-last-bg:var(--priti-nude);
  --status-last-fg:var(--priti-pink-800);

  /* ---- Interacción ---- */
  /* pink-500 no alcanza AA con texto blanco (3.59:1); el botón primario arranca en 600 (4.72:1)
     y #F1408C queda para los acentos sin texto: borde del tono activo, etiqueta Oferta, subrayado de nav. */
  --action-primary-bg:var(--priti-pink-600);
  --action-primary-bg-hover:var(--priti-pink-700);
  --action-primary-bg-active:var(--priti-pink-800);
  --action-primary-fg:var(--priti-white);
  --action-accent-bg:var(--priti-lime-400);
  --action-accent-bg-hover:var(--priti-lime-500);
  --action-accent-fg:var(--priti-ink-900);
  --focus-ring:var(--priti-pink-600);
  --overlay-scrim:rgba(28,18,22,.42);

  /* ---- Extras de marca ---- */
  --brand-whatsapp:#25D366;
  --brand-instagram:#E1306C;
}