/* Titosoft Color Palette */

:root {
  /* Gradient Colors */
  --color-dark-teal: #00222A;        /* rgba(0, 34, 42, 1) */
  --color-medium-teal: #00433C;      /* rgba(0, 67, 60, 1) */
  --color-bright-green: #00C182; 
  --color-deep-green: #005D3B;
  
  /* Additional Brand Color */
  --color-deep-dark: #00222A;        /* Additional dark color */
  
  /* Gradient Definition */
  --gradient-primary: linear-gradient(270deg, var(--color-dark-teal) 7.14%, var(--color-medium-teal) 45%, var(--color-bright-green) 100%);
  
  /* Alpha Variations */
  --gradient-75: linear-gradient(270deg, rgba(0, 34, 42, 0.75) 7.14%, rgba(0, 67, 60, 0.75) 45%, rgba(0, 193, 130, 0.75) 100%);
  --gradient-30: linear-gradient(270deg, rgba(0, 34, 42, 0.3) 7.14%, rgba(0, 67, 60, 0.3) 45%, rgba(0, 193, 130, 0.3) 100%);
}

/* Individual Color Classes */
.color-dark-teal { color: var(--color-dark-teal); }
.color-medium-teal { color: var(--color-medium-teal); }
.color-bright-green { color: var(--color-bright-green); }
.color-deep-dark { color: var(--color-deep-dark); }
.color-deep-green { color: var(--color-deep-green); }

/* Background Color Classes */
.bg-dark-teal { background-color: var(--color-dark-teal); }
.bg-medium-teal { background-color: var(--color-medium-teal); }
.bg-bright-green { background-color: var(--color-bright-green); }
.bg-deep-dark { background-color: var(--color-deep-dark); }
.bg-deep-green { background-color: var(--color-deep-green); }

/* Gradient Background Classes */
.bg-gradient-primary { background: var(--gradient-primary); }
.bg-gradient-75 { background: var(--gradient-75); }
.bg-gradient-30 { background: var(--gradient-30); }