/* Pep Master — Color tokens
   Brand: rosa, lilás, prata, branco. Premium, feminine, scientific. */
:root {
  /* ---- Base brand palette (from identity spec) ---- */
  --rose-500: #EFA3C4;   /* Rosa principal — care, warmth, beauty */
  --rose-700: #C96596;   /* Rosa profundo — shadow, depth, detail */
  --lilac-500: #B99AD8;  /* Lilás principal — balance, innovation */
  --lilac-700: #8E68B1;  /* Lilás profundo — contrast, legibility */
  --silver-400: #B9B5BA; /* Prata metálico — technology, precision */
  --ink-700: #4B454B;    /* Cinza escuro — subtitle, contrast text */
  --white: #FFFFFF;

  /* ---- Extended rose ramp ---- */
  --rose-50:  #FCF1F6;
  --rose-100: #F9E2EE;
  --rose-200: #F4C9DD;
  --rose-300: #EFA3C4;   /* == rose-500 anchor, lighter face */
  --rose-400: #E588B2;
  --rose-600: #D9759F;
  --rose-800: #A94E7C;
  --rose-900: #7E3A5C;

  /* ---- Extended lilac ramp ---- */
  --lilac-50:  #F5F1FA;
  --lilac-100: #ECE4F4;
  --lilac-200: #DACBEB;
  --lilac-300: #C9B2E1;
  --lilac-400: #B99AD8;
  --lilac-600: #A07EC6;
  --lilac-800: #74559A;
  --lilac-900: #553F71;

  /* ---- Neutral / silver ramp ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #FAF8FB;  /* off-white, faint warm */
  --neutral-100: #F3F0F4;
  --neutral-200: #E7E3E9;
  --neutral-300: #D5D0D7;
  --neutral-400: #B9B5BA;  /* silver */
  --neutral-500: #948F97;
  --neutral-600: #6E686F;
  --neutral-700: #4B454B;  /* ink */
  --neutral-800: #332F34;
  --neutral-900: #211E22;

  /* ---- Semantic feedback (kept on-brand, low-saturation) ---- */
  --success: #5FA88A;
  --success-soft: #E6F1EC;
  --warning: #D9A24E;
  --warning-soft: #F8EFDD;
  --danger: #D06485;
  --danger-soft: #F8E5ED;
  --info: #8E9FD0;
  --info-soft: #EAEDF7;

  /* ================= Semantic aliases ================= */
  --brand-primary: var(--rose-700);
  --brand-primary-hover: var(--rose-800);
  --brand-secondary: var(--lilac-700);
  --brand-secondary-hover: var(--lilac-800);
  --brand-accent: var(--rose-500);

  --text-strong: var(--neutral-900);
  --text-body: var(--neutral-700);
  --text-muted: var(--neutral-500);
  --text-on-brand: #FFFFFF;
  --text-link: var(--lilac-700);

  --surface-page: var(--neutral-50);
  --surface-card: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: var(--neutral-100);
  --surface-tint-rose: var(--rose-50);
  --surface-tint-lilac: var(--lilac-50);

  --border-subtle: var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong: var(--neutral-400);
  --border-brand: var(--rose-300);

  --focus-ring: var(--lilac-400);

  /* ================= Brand gradients ================= */
  --grad-rose-lilac: linear-gradient(135deg, #EFA3C4 0%, #B99AD8 100%); /* @kind color */
  --grad-rose-lilac-deep: linear-gradient(135deg, #C96596 0%, #8E68B1 100%); /* @kind color */
  --grad-rose-soft: linear-gradient(135deg, #FCF1F6 0%, #F5F1FA 100%); /* @kind color */
  --grad-capsule: linear-gradient(180deg, #EFA3C4 0%, #E588B2 48%, #B99AD8 52%, #8E68B1 100%); /* @kind color */
  /* Brushed-silver / chrome for metallic accents */
  --grad-silver: linear-gradient(180deg, #FFFFFF 0%, #E7E3E9 18%, #B9B5BA 50%, #E7E3E9 82%, #FFFFFF 100%); /* @kind color */
  --grad-page-wash: radial-gradient(120% 100% at 50% -10%, #FCF1F6 0%, #FAF8FB 45%, #F5F1FA 100%); /* @kind color */
}