:root {
            --primary-color: #00C7B7;
            --secondary-color: #e6f4f3;
            --text-dark: #0c1d1b;
            --text-light: #45a199;
            --background-light: #f8fcfc;
            --border-color: #cdeae7;
            --soft-blue: #e0f2fe;
            --soft-green: #dcfce7;
            --text-blue: #0ea5e9;
            --text-green: #22c55e;
            --featured-gradient-start: #e0f2fe;
            --featured-gradient-end: #dcfce7;
        }
        body {
            font-family: 'Inter', sans-serif;
        }
        .btn-primary {
            @apply bg-[var(--primary-color)] text-[var(--text-dark)] hover:bg-opacity-90 transition-colors;
        }
        .btn-secondary {
            @apply bg-[var(--secondary-color)] text-[var(--text-dark)] hover:bg-opacity-80 transition-colors;
        }