:root {
    --primary-color: #c0d9eb;
    --secondary-color: #910101;
    --white-color: #ffffff;
}

body {
    font-family: 'Playfair Display', 'Source Sans Pro', Tahoma, Geneva, Verdana, sans-serif;
}

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

/* Circular design elements */
.circle-design {
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
    z-index: 0;
}
.circle-lg {
    width: 200px;
    height: 200px;
}
.circle-md {
    width: 150px;
    height: 150px;
}
.circle-sm {
    width: 100px;
    height: 100px;
}

/* Circular portfolio images */
.circular-image {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid var(--primary-color);
    transition: transform 0.3s ease;
}
.circular-image:hover {
    transform: scale(1.05);
}