:root {
    /* Theme Setup: DARK with bright Blue/Cyan accent */
    --mm-bg: #0D1117;
    --mm-surface: #161F30;
    --mm-accent: #00E5FF;
    --mm-accent-hover: #00B8D4;
    --mm-accent-dim: rgba(0, 229, 255, 0.1);
    --mm-ink: #FFFFFF;
    --mm-ink-muted: #94A3B8;
    
    /* Random Gradients */
    --mm-gradient: linear-gradient(135deg, #00E5FF 0%, #0083B0 100%);
    
    /* Custom Fonts setting */
    --font-display: 'Oswald', sans-serif;
    --font-body: 'Poppins', sans-serif;
    
    /* Layout Constants */
    --mm-container-width: 1180px;
    --mm-border-radius: 16px; /* Soft Style */
    --mm-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.2); /* Raised Style */
}

/* Base modifications */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Specific heading cases */
h1, h2, h3 {
    text-transform: uppercase; /* Heading-case: UPPERCASE */
    letter-spacing: 0.05em;
}

/* Custom shadow setups */
.shadow-lg {
    box-shadow: 0 10px 25px -5px rgba(0, 229, 255, 0.3);
}

/* Active transitions */
a {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Responsive Sticky controls for Showcase Media Column */
@media (min-width: 768px) {
    .md\:sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 2rem;
        align-self: flex-start;
    }
}