/* Color Utilities for SquareUp */

/* Primary Background */
.bg-primary {
  background-color: #191919;
}

/* Border Primary */
.border-primary {
  border-color: #272825;
}

/* Accent Color */
.text-accent {
  color: #9EFF10;
}

.bg-accent {
  background-color: #9EFF10;
}

/* Secondary Background */
.bg-secondary {
  background-color: #1b1b1b;
}

/* Tertiary Background */
.bg-tertiary {
  background-color: #262626;
}

.border-tertiary {
  border-color: #262626;
}

/* Quaternary Background */
.bg-quaternary {
  background-color: #1e1f1b;
}

/* Highlight Text */
.text-highlight {
  color: #d8ff99;
}

/* Light Text */
.text-light {
  color: #E6E6E6;
}

/* Card Background */
.bg-card {
  background-color: #1E1E1E;
}

/* Darkest Background */
.bg-darkest {
  background-color: #121212;
}

/* Accent Hover */
.bg-accent-hover {
  background-color: #85cc0d;
}

/* Placeholder Text */
.text-placeholder {
  color: #555;
}

/* Social Background */
.bg-social {
  background-color: #333333;
}

/* Hover Background */
.bg-hover {
  background-color: #333;
}

/* Dark Text */
.text-dark {
  color: #333;
}

/* Focus Ring Accent */
.focus-ring-accent {
  --tw-ring-color: #9EFF10;
}

/* Accent Checkbox */
.accent-accent {
  accent-color: #9EFF10;
}