/* Ovyria — tokens de marca (paleta oficial Coral + Sol) */
:root {
  /* Marca madre */
  --ovy-coral: #FF5B3A;      /* color principal, cápsula "AI" y punto del símbolo */
  --ovy-sol: #FFD84D;        /* acento, punto sobre fondo coral */
  --ovy-ink: #1C1310;        /* texto y fondos oscuros */
  --ovy-cream: #FFF9F2;      /* fondo claro principal */
  --ovy-sand: #F3EADF;       /* fondo claro secundario */
  --ovy-muted: #6B5A50;      /* texto secundario sobre claro */

  /* Ramas: la cápsula y el punto toman este color dentro de cada producto */
  --ovy-inbox: #FFD84D;      /* Sol */
  --ovy-sales: #3EE0A5;      /* Menta */
  --ovy-care: #8DB8FF;       /* Cielo */
  --ovy-insights: #FF9ECF;   /* Rosa */

  /* Reservados para futuras ramas (en este orden) */
  --ovy-reserved-1: #C3A8FF; /* Lila */
  --ovy-reserved-2: #FFB066; /* Mandarina */
  --ovy-reserved-3: #5FDDEB; /* Turquesa */
  --ovy-reserved-4: #C4EE7A; /* Pistacho */

  /* Color activo: cambia según la sección/rama donde está el usuario */
  --ovy-accent: var(--ovy-coral);

  /* Tipografía */
  --ovy-font: "Sora", "Poppins", system-ui, sans-serif;
  --ovy-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --ovy-radius-pill: 999px;
}

[data-branch="inbox"]    { --ovy-accent: var(--ovy-inbox); }
[data-branch="sales"]    { --ovy-accent: var(--ovy-sales); }
[data-branch="care"]     { --ovy-accent: var(--ovy-care); }
[data-branch="insights"] { --ovy-accent: var(--ovy-insights); }

/* Cápsula de IA reutilizable: <span class="ovy-ai-pill">inbox <b>AI</b></span> */
.ovy-ai-pill {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  padding: .28em .75em .32em;
  border-radius: var(--ovy-radius-pill);
  background: var(--ovy-accent);
  color: var(--ovy-ink);
  font-family: var(--ovy-font);
  font-weight: 500;
  line-height: 1;
}
.ovy-ai-pill b { font-weight: 700; }