:root {
  --primary: #4873fe;
  --primary-foreground: #ffffff;
  --link: #4873fe;
  --secondary: #ebedff;
  --secondary-foreground: #001a4d;
  --accent: #ebedff;
  --accent-foreground: #001a4d;
  --background: #ffffff;
  --foreground: #222222;
  --border: #e8e8e8;
  --ring: #4873fe;
  --logo-display: block;
  --logo-negative-display: none;
  --radius: 0.5rem;
  --heading-weight: 700;
  --font: 'Inter', sans-serif;
}

:root[data-appearance='dark'] {
  --primary: #678bfe;
  --primary-foreground: #0a0a0a;
  --link: #678bfe;
  --secondary: #0012b3;
  --secondary-foreground: #ffffff;
  --accent: #0012b3;
  --accent-foreground: #ffffff;
  --background: #0a0a0a;
  --foreground: #ffffff;
  --border: #3a3a3a;
  --ring: #001351;
  --logo-display: none;
  --logo-negative-display: block;
}