/* Active card: faint diagonal hatch */

.highlight-card {
  position: relative;
  display: block;
}

.highlight-card__surface {
  position: relative;
  background-color: var(--surface);
}

.highlight-card.is-current .highlight-card__surface,
.tx-day-group.is-today .tx-day-group-shell {
  --highlight-hatch: repeating-linear-gradient(
    -36deg,
    transparent 0 18px,
    color-mix(in srgb, var(--text-3) 5%, transparent) 18px 36px
  );
  background-image: var(--highlight-hatch);
}

.highlight-card--rim.is-current .range {
  color: var(--accent);
}

.tx-day-group.is-today:not(.is-open) .tx-day-group-shell {
  outline-color: var(--border);
}

.tx-day-group.is-today:nth-child(even):not(.is-open) .tx-day-group-shell {
  outline-color: var(--border);
}

[data-theme="light"] .highlight-card.is-current .highlight-card__surface,
[data-theme="light"] .tx-day-group.is-today .tx-day-group-shell {
  --highlight-hatch: repeating-linear-gradient(
    -36deg,
    transparent 0 18px,
    color-mix(in srgb, var(--text-3) 7%, transparent) 18px 36px
  );
}