Works and looks good.

This is nice.

Can we try integrating a few Vuetify core colors ?

  rgb(var(--v-theme-surface))           /* Background colors */
  rgb(var(--v-theme-on-surface))        /* Text on backgrounds */
  rgb(var(--v-theme-on-surface-variant)) /* Muted text */
  rgb(var(--v-theme-outline-variant))   /* Borders */
  var(--v-shadow-key-elevation-2)       /* Card shadows */

The migration should be super simple, You could literally just find/replace:

• white → rgb(var(--v-theme-surface))
• #000 → rgb(var(--v-theme-on-surface))
• #F4F4F4 → rgb(var(--v-theme-outline-variant))

this will give us automatic flip of colors in dark mode, and uses the same Vuetify palette for v-cards, v-buttons and other components; also preserves the exact appearance with no visual changes; and remains easy to maintain.

This is good as is , we can improve and centralize css colors later .