:root {
  --corporative-color: hsl(36 36% 53%);

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

  /* Colores base — oscuro para coincidir con bg-foreground/95 */
  /* --mirai-ui-content:          hsl(0 0% 100%); */
  --mirai-ui-content-background: inherit;

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

  /* 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(36 36% 53%);
  --mirai-ui-button-background-active: hsl(31 43% 43%);

  --mirai-ui-button-color:             hsl(0 0% 100%);
  --mirai-ui-button-color-active:      hsl(0 0% 100%);
  --mirai-ui-button-radius:            9999px;

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

  /* Finder input */

  /* 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;

  /* 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-radius:      0px;
  --mirai-finder-gap:                0;
  --mirai-finder-padding:            0;
  --mirai-finder-field-height:       56px;

  /* Finder Calendar */
  --mirai-ui-calendar-range-background: #e1e1e1;
}

/* ================================= */
/* 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);
}
