/* modern-minimalist visual identity. */


/* 11. Modern Minimalist: Rotating Shapes */
.minimalist-circle {
    position: absolute;
    width: 60vh;
    height: 60vh;
    border: 2px solid rgba(0, 0, 0, 0.04);
    border-radius: 50%;
    top: 20%;
    left: -30vh;
    animation: rotateCircle 25s linear infinite;
}

.minimalist-circle::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    top: 0;
    left: 50%;
}

.minimalist-line {
    position: absolute;
    width: 2px;
    height: 100vh;
    background: rgba(0, 0, 0, 0.04);
    right: 20%;
    top: 0;
}


.theme-modern-minimalist .bg-light-dark,
.theme-modern-minimalist .bg-white-black {
    background-image:
        linear-gradient(90deg, rgba(15, 23, 42, .035) 1px, transparent 1px),
        linear-gradient(rgba(15, 23, 42, .03) 1px, transparent 1px);
    background-size: 44px 44px;
}


.theme-modern-minimalist .bg-theme-auto,
.theme-modern-minimalist .border.rounded-5.shadow,
.theme-modern-minimalist .border.rounded-pill.shadow {
    border-color: rgba(15, 23, 42, .12) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08) !important;
}


.theme-modern-minimalist .font-esthetic {
    color: color-mix(in srgb, var(--theme), #111827 36%);
}


.minimalist-dotfield {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(15, 23, 42, .08) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
    opacity: .5;
    animation: motifDrift 24s linear infinite;
}


/* =========================================
   THEME TYPOGRAPHY
   ========================================= */

/* 1. Modern Minimalist */
.theme-modern-minimalist { font-family: "Inter", sans-serif; }

.theme-modern-minimalist h1, .theme-modern-minimalist h2, .theme-modern-minimalist h3, .theme-modern-minimalist h4, .theme-modern-minimalist h5, .theme-modern-minimalist h6 { font-family: "Playfair Display", serif; }

.theme-modern-minimalist .font-esthetic { font-family: "Sacramento", cursive; }


body.theme-modern-minimalist #theme-ornaments::before {
    opacity: .42;
    background:
        linear-gradient(115deg, transparent 0 44%, rgba(0, 0, 0, .045) 44% 45%, transparent 45% 100%),
        linear-gradient(90deg, rgba(0, 0, 0, .03) 1px, transparent 1px);
    background-size: 180px 180px, 56px 56px;
    animation: minimalLinesDrift 24s linear infinite;
}


body.theme-modern-minimalist #theme-ornaments::after {
    opacity: .28;
    background:
        radial-gradient(circle at 22% 32%, transparent 0 52px, rgba(0, 0, 0, .055) 53px 55px, transparent 56px),
        radial-gradient(circle at 72% 68%, transparent 0 92px, rgba(0, 0, 0, .04) 93px 95px, transparent 96px);
    background-size: 340px 340px, 520px 520px;
    animation: softRotateField 38s linear infinite;
}