:root {
  --background: #eef2f7;
  --foreground: #0f172a;
  --primary: #0d9488;
  --secondary: #f59e0b;
  --surface: #ffffff;
  --muted: #64748b;
  --border: #e2e8f0;
  --sidebar: #0f172a;
  --sidebar-width: 16rem;
  --content-max: 1600px;
}

.bg-primary {
  background-color: var(--primary);
}

.bg-primary\/5 {
  background-color: color-mix(in srgb, var(--primary) 5%, transparent);
}

.bg-primary\/10 {
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
}

.text-primary {
  color: var(--primary);
}

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

.border-primary\/20 {
  border-color: color-mix(in srgb, var(--primary) 20%, transparent);
}

.border-primary\/30 {
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.border-primary\/40 {
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
}

.from-primary {
  --tw-gradient-from: var(--primary) var(--tw-gradient-from-position);
  --tw-gradient-to: color-mix(in srgb, var(--primary) 0%, transparent) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.ring-primary {
  --tw-ring-color: color-mix(in srgb, var(--primary) 35%, transparent);
}

.shadow-card {
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 8px 24px rgba(15, 23, 42, 0.08);
}