:root {
  /* Vibe brand palette — aligned to the client's light theme tokens */
  --theme: #00A9A7;               /* accent */
  --theme-deep: #00807E;          /* darker accent for hovers */
  --theme-cyan: #7FDBDA;          /* accentSoft */
  --theme-semi-lighten: #F5FCFB;  /* accentFaint */
  --theme-lighten: #C7EEEE;       /* vibeChat */

  --vibe-danger: #D96B6B;
  --vibe-success: #5BAD8F;
  --vibe-warning: #F38A00;
  --vibe-text: #272727;
  --vibe-border: #ECECEC;
}

*::selection {
  background-color: var(--theme);
  color: white;
}

.text-theme {
  color: var(--theme);
}

.text-cyan {
  color: var(--theme-cyan);
}

.bg-theme {
  background-color: var(--theme);
}

.bg-theme-lighten {
  background-color: var(--theme-lighten);
}

.bg-theme-semi-lighten {
  background-color: var(--theme-semi-lighten);
}

/* Guarantee a comfortable side gutter on phones so page content / filter inputs never sit flush to the edge. */
@media (max-width: 600px) {
  .v-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}