/* Atlas Sync theme for LibreChat — colors from atlasync.io */

:root,
html {
  --brand-purple: #00d4ff;
  --atlas-cyan: #00d4ff;
  --atlas-violet: #7c3aed;
}

.dark {
  --brand-purple: #00d4ff;

  /* Near-black atlasync surfaces */
  --black: #0a0a0a;
  --gray-900: #0a0a0a;
  --gray-850: #111111;
  --gray-800: #141414;
  --gray-700: #1a1a1a;
  --gray-600: #2a2a2a;
  --gray-500: #3a3a3a;
  --gizmo-gray-950: #0a0a0a;

  --surface-primary: #0a0a0a;
  --surface-primary-alt: #111111;
  --surface-primary-contrast: #111111;
  --surface-secondary: #111111;
  --surface-secondary-alt: #141414;
  --surface-tertiary: #1a1a1a;
  --surface-chat: #111111;
  --surface-dialog: #111111;
  --surface-hover: #222222;
  --surface-hover-alt: #2a2a2a;
  --surface-active: #2a2a2a;
  --surface-active-alt: #1a1a1a;
  --presentation: #0a0a0a;
  --header-primary: #0a0a0a;
  --header-hover: #1a1a1a;
  --header-button-hover: #1a1a1a;

  --border-light: #2a2a2a;
  --border-medium: #2a2a2a;
  --border-medium-alt: #3a3a3a;
  --border-heavy: #3a3a3a;

  --text-primary: #ffffff;
  --text-secondary: #b3b3b3;
  --text-secondary-alt: #808080;
  --text-tertiary: #808080;

  /* Primary actions: Atlas cyan (replaces LibreChat green submit) */
  --surface-submit: #00d4ff;
  --surface-submit-hover: #14b8e8;
  --ring-primary: #00d4ff;
}

/* Keep light mode brand accent aligned too */
html:not(.dark) {
  --brand-purple: #7c3aed;
  --surface-submit: #7c3aed;
  --surface-submit-hover: #6d28d9;
}

::selection {
  background: rgba(0, 212, 255, 0.35);
  color: #fff;
}

.dark a:not([class]) {
  color: #00d4ff;
}

.dark *:focus-visible {
  outline-color: #00d4ff;
}

/* Soft brand gradient on send / submit controls */
.dark .bg-surface-submit,
.dark button.bg-surface-submit {
  background-image: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%) !important;
  background-color: transparent !important;
  color: #0a0a0a !important;
  font-weight: 600;
}

.dark .bg-surface-submit:hover,
.dark button.bg-surface-submit:hover,
.dark .hover\:bg-surface-submit-hover:hover {
  filter: brightness(1.08);
  background-image: linear-gradient(135deg, #14b8e8 0%, #6d28d9 100%) !important;
}