/* ============================================================
   VIVO — COLOR TOKENS
   Source of truth: Manual de Marca Vivo (official hex values)
   Rule: Púrpura Vivo is the protagonist. Secondaries only ever
   combine with purple, never stand alone. Green/orange are
   support colors, never dominant (green may lead only in
   sustainability themes). Content backgrounds are white.
   ============================================================ */

:root {
  /* --- Primary --- */
  --vivo-purpura: #660099;        /* Púrpura Vivo — the protagonist */
  --vivo-roxo-escuro: #380054;    /* Roxo-escuro — deep purple */

  /* --- Neutrals (pure greys, per GPE template: black is #000000) --- */
  --vivo-preto: #000000;          /* text black is true black */
  --vivo-branco: #ffffff;
  --vivo-cinza-900: #404040;
  --vivo-cinza-700: #7f7f7f;      /* secondary text, footnotes */
  --vivo-cinza-500: #a6a6a6;
  --vivo-cinza-300: #d9d9d9;
  --vivo-cinza-200: #e4e4e4;      /* deepest content panel */
  --vivo-cinza-150: #ececec;      /* alternate content panel */
  --vivo-cinza-100: #f4f4f4;      /* standard content panel */
  --vivo-cinza-50:  #fafafa;

  /* --- Secondaries (always paired with purple) --- */
  --vivo-lilas: #bd4aff;          /* Lilás */
  --vivo-rosa: #eb3c7d;           /* Rosa Vivo */
  --vivo-magenta: #cc3d70;        /* Magenta */
  --vivo-rose: #ff96b2;           /* Rosé */

  /* --- Support (coadjuvantes) — never protagonists --- */
  --vivo-laranja: #ff9900;        /* Laranja */
  --vivo-laranja-claro: #ffb84c;  /* Laranja-claro */
  --vivo-verde-limao: #82d400;    /* Verde-limão — lead only in sustainability */
  --vivo-menta: #b2d682;          /* Menta */

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */

  /* Surfaces */
  --surface-page: var(--vivo-branco);      /* content slides are white */
  --surface-card: var(--vivo-cinza-100);   /* light-grey content panels (#F4F4F4) */
  --surface-card-alt: var(--vivo-cinza-150);
  --surface-card-deep: var(--vivo-cinza-200);
  --surface-inverse: var(--vivo-purpura);  /* cover / chapter dividers */
  --surface-inverse-deep: var(--vivo-roxo-escuro);

  /* Text */
  --text-strong: var(--vivo-preto);        /* box titles, body emphasis (true black) */
  --text-heading: var(--vivo-purpura);     /* slide titles (insight-as-title) */
  --text-body: var(--vivo-preto);          /* body text is true black */
  --text-muted: var(--vivo-cinza-700);     /* #7F7F7F secondary/footnote grey */
  --text-on-purple: var(--vivo-branco);
  --text-accent: var(--vivo-purpura);      /* highlighted words */
  --text-highlight: var(--vivo-rosa);      /* in-body highlights are Rosa Vivo #EB3C7D */

  /* Accent / highlight */
  --accent: var(--vivo-purpura);
  --accent-soft: color-mix(in srgb, var(--vivo-purpura) 10%, white);
  --accent-hover: #520080;                 /* darker purple for hover */
  --accent-press: #3f0063;

  /* Chart series — purple-led, secondaries follow */
  --series-1: var(--vivo-purpura);
  --series-2: var(--vivo-lilas);
  --series-3: var(--vivo-rosa);
  --series-4: var(--vivo-magenta);
  --series-5: var(--vivo-laranja);
  --series-6: var(--vivo-verde-limao);

  /* Borders / hairlines */
  --border-subtle: var(--vivo-cinza-300);
  --border-on-purple: color-mix(in srgb, white 22%, transparent);
}