/**
 * okticket Color Palette
 * Extracted from https://www.okticket.es
 */

:root {
  /* Primary Brand Colors */
  --color-primary-dark: #212241;
  --color-primary-green: #65FB7A;
  --color-primary-blue: #4D65FF;

  /* Neutral/Background Colors */
  --color-white: #FFFFFF;
  --color-off-white: #FCFCFC;
  --color-warm-off-white: #FDFCFA;
  --color-black: #000000;

  /* Semantic Color Usage */
  --color-text-primary: #212241;
  --color-text-emphasis: #000000;
  --color-background-light: #FFFFFF;
  --color-background-surface: #FCFCFC;
  --color-background-nav: #FDFCFA;
  --color-cta: #65FB7A;
  --color-focus: #4D65FF;

  /* RGB Values (for rgba usage) */
  --color-primary-green-rgb: 101, 251, 122;
}

/* Utility Classes */
.bg-primary-dark { background-color: var(--color-primary-dark); }
.bg-primary-green { background-color: var(--color-primary-green); }
.bg-primary-blue { background-color: var(--color-primary-blue); }
.bg-white { background-color: var(--color-white); }
.bg-off-white { background-color: var(--color-off-white); }
.bg-warm-off-white { background-color: var(--color-warm-off-white); }

.text-primary-dark { color: var(--color-primary-dark); }
.text-primary-green { color: var(--color-primary-green); }
.text-primary-blue { color: var(--color-primary-blue); }
.text-black { color: var(--color-black); }
.text-white { color: var(--color-white); }

.border-primary-dark { border-color: var(--color-primary-dark); }
.border-primary-green { border-color: var(--color-primary-green); }
.border-black { border-color: var(--color-black); }