: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);
}