/**
 * Cinematic Widget Pack
 * Global CSS File
 */


/* Global Styles */

.cinematic-widget {
    --cinematic-primary-color: #1a1a1a;
    --cinematic-secondary-color: #e5e5e5;
    --cinematic-accent-color: #ff4d4d;
    --cinematic-text-color: #333333;
    --cinematic-transition: all 0.3s ease;
    --cinematic-border-radius: 8px;
    --cinematic-padding: 2rem;
    --cinematic-margin: 1.5rem;
    --cinematic-gap-xl: 6rem;
    font-family: inherit;
    line-height: 1.6;
    color: var(--cinematic-text-color);
}


/* Container widths */

.cinematic-container {
    --cinematic-container-width: 80rem;
}


/* Gaps */

.cinematic-widget {
    --cinematic-gap-xl: 6rem;
    --cinematic-gap-l: 4rem;
    --cinematic-gap-m: 2.25rem;
}


/* Typography */

.cinematic-widget h1,
.cinematic-widget h2,
.cinematic-widget h3,
.cinematic-widget h4,
.cinematic-widget h5,
.cinematic-widget h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cinematic-widget p {
    margin-top: 0;
    margin-bottom: 1rem;
}