:root {
    --softayka-primary: #1fb6ea;
    --softayka-secondary: #7b3fe4;
    --softayka-dark: #1f2937;
    --softayka-light: #f8fafc;
    --softayka-border: #e5e7eb;
    --softayka-gradient: linear-gradient(135deg, #1fb6ea 0%, #7b3fe4 100%);
}

body {
    background-color: var(--softayka-light);
}

.softayka-brand-text {
    background: var(--softayka-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.softayka-btn-primary {
    background: var(--softayka-gradient);
    border: none;
    color: #fff;
}

    .softayka-btn-primary:hover {
        opacity: 0.95;
        color: #fff;
    }

.softayka-card {
    border: 1px solid var(--softayka-border);
    border-radius: 1rem;
}

.softayka-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.softayka-navbar {
    background: var(--softayka-gradient);
}

.softayka-focus:focus {
    border-color: #7b3fe4;
    box-shadow: 0 0 0 0.2rem rgba(123, 63, 228, 0.15);
}