:root {
  --opensi-red: #ff5a1f;
  --opensi-black: #000;
  --opensi-white: #fff;
  --surface-submit: var(--opensi-red);
  --surface-submit-hover: #e9470d;
  --ring-primary: var(--opensi-red);
  --brand-purple: var(--opensi-red);
  accent-color: var(--opensi-red);
}

.dark {
  --background: 0 0% 0%;
  --card: 0 0% 4%;
  --surface-primary: var(--opensi-black);
  --surface-primary-alt: #111;
  --surface-secondary: #111;
  --surface-secondary-alt: #171717;
  --surface-tertiary: #212121;
  --surface-submit: var(--opensi-red);
  --surface-submit-hover: #e9470d;
  --ring-primary: var(--opensi-red);
}

::selection {
  color: var(--opensi-white);
  background: var(--opensi-red);
}

a:hover {
  text-decoration-color: var(--opensi-red);
}