/* Colissimo Theme - Orange-based color scheme */
:root {
  /* Primary Colissimo orange color - Lighter shade */
  --colissimo-orange: #ff9955; /* Lighter orange */
  --colissimo-orange-light: #ffbb88; /* Even lighter for hover states */
  --colissimo-orange-dark: #ff7722; /* Slightly darker for active states */

  /* Secondary colors */
  --colissimo-blue: #0046ac;
  --colissimo-grey: #f5f5f5;
  --colissimo-dark-grey: #333333;

  /* Overriding base theme colors */
  --primary-color: var(--colissimo-orange);
  --secondary-color: var(--colissimo-grey);
  --text-color: var(--colissimo-dark-grey);
  --colissimo-color: var(--colissimo-orange);

  /* Additional variables */
  --colissimo-accent: var(--colissimo-blue);
  --colissimo-hover: var(--colissimo-orange-light);
  --colissimo-active: var(--colissimo-orange-dark);
  --colissimo-button-text: white;
  --colissimo-border: #dddddd;
}

/* Header styles */
.header {
  background-color: var(--colissimo-orange);
  color: white;
}

/* Button styles */
.tracker__button,
.button-primary,
.btn-primary,
button[type="submit"] {
  background-color: var(--colissimo-orange);
  color: white;
  border: none;
  transition: background-color 0.3s ease;
}

.tracker__button:hover,
.button-primary:hover,
.btn-primary:hover,
button[type="submit"]:hover {
  background-color: var(--colissimo-orange-light);
}

.tracker__button:active,
.button-primary:active,
.btn-primary:active,
button[type="submit"]:active {
  background-color: var(--colissimo-orange-dark);
}

/* Focus states for accessibility */
.tracker__button:focus,
.button-primary:focus,
.btn-primary:focus,
button[type="submit"]:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--colissimo-orange-dark);
  outline-offset: 2px;
}

/* Links */
a {
  color: var(--colissimo-orange);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--colissimo-orange-dark);
  text-decoration: underline;
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  border: 1px solid var(--colissimo-border);
  border-radius: var(--border-radius);
  padding: 0.5rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: var(--colissimo-orange);
}

/* Progress indicator for tracking */
.progress-bar {
  background-color: #e0e0e0;
}

.progress-bar__fill {
  background-color: var(--colissimo-orange);
}

/* Status indicators */
.status-delivered {
  color: var(--colissimo-orange);
}

.status-in-transit {
  color: var(--colissimo-blue);
}

.status-pending {
  color: #888888;
}

/* Responsive design adjustments */
@media (max-width: 768px) {
  .header {
    padding: var(--spacing-sm);
  }

  .header h1 {
    font-size: 1.5rem;
  }
}