:root {
  --corporative-color: hsl(42 32% 42%);

  /* ================================= */
  /* MIRAI UI — Base theme             */
  /* ================================= */

  /* Colores base — oscuro para coincidir con bg-foreground/95 */
  --mirai-ui-base: hsl(120 4% 10%);
  --mirai-ui-content: hsl(0 0% 100%);
  --mirai-ui-content-background: inherit;
  /*--mirai-ui-content-light:    hsl(0 0% 100% / 0.5);*/
  --mirai-ui-content-border: hsl(0 0% 100% / 0.1);
  --mirai-ui-background: hsl(120 4% 10%);

  /* Accent = tu primary (mauve) */
  --mirai-ui-accent: hsl(42 32% 42%);

  /* Tipografía */
  --mirai-ui-font: "Varela Round", sans-serif;
  --mirai-ui-font-size: 14px;

  /* Border radius — cuadrado como tu diseño (--radius: 0rem) */
  --mirai-ui-border-radius: 0px;

  /* Botón */
  --mirai-ui-button-background: hsl(42 32% 42%);
  --mirai-ui-button-background-active: hsl(42, 32%, 46.2%);

  --mirai-ui-button-color: hsl(0 0% 100%);
  --mirai-ui-button-color-active: hsl(0 0% 100%);
  --mirai-ui-button-radius: 9999px;
  --mirai-ui-button-disabled-background: hsl(0 0% 100% / 0.15);
  --mirai-ui-button-disabled-color: hsl(0 0% 100% / 0.3);

  /* Botón del finder */
  /* --mirai-finder-button-border-radius: 99px; */

  /* Finder input */
  /* --mirai-field-background: hsl(270 10% 15% / 0.95); */
  --mirai-field-background-active: hsl(270deg 10% 25% / 95%);

  /* Input fields */
  --mirai-ui-input-text-border: solid 0px transparent;
  /* --mirai-ui-input-text-focus:         hsl(0 0% 100%); */

  /* Modal z-index — encima de tu barra (z-50) */
  --mirai-ui-modal-layer: 9999;
  --mirai-ui-modal-background: hsl(270 10% 15%);
  --mirai-ui-modal-overflow: hsl(270 10% 15% / 0.7);

  /* Session component */
  --mirai-session-color: hsl(270 10% 15% / 0.7);
  --mirai-session-icon-color: hsl(270 10% 15% / 0.7);

  /* ================================= */
  /* MIRAI FINDER                      */
  /* ================================= */
  --mirai-finder-background: transparent;
  --mirai-finder-border: hsl(120 4% 10%);
  --mirai-finder-border-radius: 0px;
  --mirai-finder-gap: 0;
  --mirai-finder-padding: 0;
  --mirai-finder-field-height: 56px;

  /* Finder Calendar */
  --mirai-ui-calendar-range-background: hsl(0 0% 100% / 0.7);
}

/* ================================= */
/* SESSION — scroll-aware color change     */
/* ================================= */
/* Scrolled Top */
[data-scrolled="false"] {
  --mirai-session-color: hsl(0 0% 100% / 0.7);
  --mirai-session-icon-color: hsl(0 0% 100% / 0.7);
}