:root {
    /* DARK Theme Colors */
    --dia-bg-void: #0D1117;
    --dia-bg-panel: #161B22;
    --dia-glow-strike: #00E5FF;
    --dia-glow-dim: rgba(0, 229, 255, 0.15);
    --dia-type-bright: #FFFFFF;
    --dia-type-haze: #8B949E;
    --dia-edge-line: #30363D;
    
    /* Typography */
    --font-dia-display: 'Fjalla One', sans-serif;
    --font-dia-body: 'Mulish', sans-serif;
    
    /* Structural variables */
    --dia-max-span: 1140px;
    --dia-curve: 16px; /* Soft radius */
    --dia-shadow-lift: 0 10px 30px -5px rgba(0, 0, 0, 0.6), 0 4px 10px -3px rgba(0, 0, 0, 0.4); /* Raised */
}

/* Base Styles */
html, body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--dia-bg-void);
    color: var(--dia-type-bright);
    font-family: var(--font-dia-body);
    line-height: 1.6;
}

/* Zone restriction instead of strict containers */
.dia-zone-limit {
    width: 100%;
    max-width: var(--dia-max-span);
    margin-left: auto;
    margin-right: auto;
}

/* Custom Pull Quote Style */
.dia-pull-chunk {
    border-left: 4px solid var(--dia-glow-strike);
    background: var(--dia-glow-dim);
    padding: 1.5rem 1.5rem 1.5rem 3rem;
}

/* CTA Action Interactivity */
.dia-action-go {
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--dia-glow-dim);
}
.dia-action-go:hover {
    background-color: #00B8CC !important; /* Darker cyan on hover manually defined to avoid external var */
    box-shadow: 0 6px 20px rgba(0, 229, 255, 0.3);
    color: #FFFFFF !important;
}

/* Masonry Layout for Testimonials (Preset F) */
.dia-voice-wrap {
    column-count: 1;
    column-gap: 1.5rem;
}

@media (min-width: 768px) {
    .dia-voice-wrap {
        column-count: 2;
    }
}

@media (min-width: 1024px) {
    .dia-voice-wrap {
        column-count: 3;
    }
}

.dia-voice-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
    display: inline-block; /* Fixes fragmentation behavior in Safari */
    width: 100%;
}

/* Focus and Selection styles to match theme */
::selection {
    background: var(--dia-glow-strike);
    color: var(--dia-bg-void);
}

a:focus-visible, button:focus-visible {
    outline: 2px dashed var(--dia-glow-strike);
    outline-offset: 4px;
}