luma_glass:
  # ── Background ──
  lovelace-background: "linear-gradient(135deg, #080B12 0%, #11141C 50%, #080B12 100%)"
  primary-background-color: "#0D1017"
  secondary-background-color: "#11141C"
  card-background-color: "rgba(34,38,46,0.88)"

  # ── Text ──
  primary-text-color: "#FFFFFF"
  secondary-text-color: "rgba(255,255,255,0.72)"
  text-primary-color: "#FFFFFF"
  disabled-text-color: "rgba(255,255,255,0.40)"

  # ── Accent ──
  primary-color: "#F5B85A"
  accent-color: "#F5B85A"
  light-primary-color: "rgba(245,184,90,0.24)"

  # ── Cards ──
  ha-card-background: "rgba(34,38,46,0.88)"
  ha-card-border-color: "rgba(255,255,255,0.10)"
  ha-card-border-radius: "22px"
  ha-card-box-shadow: "0 2px 8px rgba(0,0,0,0.25)"
  ha-card-header-color: "#FFFFFF"
  ha-card-header-font-size: "19px"

  # ── Sidebar ──
  sidebar-background-color: "#0D1017"
  sidebar-text-color: "#FFFFFF"
  sidebar-icon-color: "rgba(255,255,255,0.60)"
  sidebar-selected-icon-color: "#F5B85A"
  sidebar-selected-text-color: "#F5B85A"

  # ── Header ──
  app-header-background-color: "rgba(13,16,23,0.95)"
  app-header-text-color: "#FFFFFF"

  # ── Dividers ──
  divider-color: "rgba(255,255,255,0.10)"

  # ── Inputs / controls ──
  input-fill-color: "rgba(255,255,255,0.06)"
  input-ink-color: "#FFFFFF"
  input-label-ink-color: "rgba(255,255,255,0.60)"
  input-idle-line-color: "rgba(255,255,255,0.20)"
  input-hover-line-color: "rgba(255,255,255,0.40)"
  input-dropdown-icon-color: "rgba(255,255,255,0.60)"

  # ── Toggles ──
  switch-checked-color: "#F5B85A"
  switch-checked-track-color: "rgba(245,184,90,0.40)"
  switch-unchecked-button-color: "rgba(255,255,255,0.60)"
  switch-unchecked-track-color: "rgba(255,255,255,0.20)"

  # ── Sliders ──
  paper-slider-knob-color: "#F5B85A"
  paper-slider-active-color: "#F5B85A"
  paper-slider-container-color: "rgba(255,255,255,0.14)"

  # ── Badges / chips ──
  label-badge-background-color: "#1E222A"
  label-badge-text-color: "#FFFFFF"

  # ── Scrollbar ──
  scrollbar-thumb-color: "rgba(255,255,255,0.20)"

  # ── Dialogs / popups ──
  dialog-backdrop-color: "rgba(0,0,0,0.45)"

  # ── Misc ──
  state-icon-color: "rgba(255,255,255,0.60)"
  state-icon-active-color: "#F5B85A"
  paper-item-icon-color: "rgba(255,255,255,0.60)"
  paper-item-icon-active-color: "#F5B85A"
  mdc-theme-primary: "#F5B85A"

  # ── Font ──
  primary-font-family: "'Inter', system-ui, -apple-system, sans-serif"