:root {
    --primary: #0ea5e9;
    --background: #0f172a;
    --background-darker: #0c1424;
    --card-background: #1e293b;
    --border-radius: 8px;
  }
  
  .card {
    transition: transform 0.2s ease-in-out;
  }
  
  .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  }