/* PBC (The Photo Book Club) — layout26 brand override */

@font-face {
    font-family: 'CaviarDreams';
    src: url('/css/fonts/caviardreams_bold-webfont.woff') format('woff'),
         url('/css/fonts/caviardreams_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --primary: #f29c22;
    --primary-dark: #c47b10;
    --primary-color: #f29c22;
    --accent: #f5b03a;
    --secondary: #3d5163;
}

h1, h2, h3, h4 {
    font-family: 'CaviarDreams', 'Inter', sans-serif;
}

/* Homepage banner morphing words — brand gradient (overrides base26 orange) */
.cc-morph-word {
    background: linear-gradient(100deg, #f29c22 0%, #f7b85a 45%, #f5a833 70%, #f29c22 100%);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
}

/* Homepage "Customers Favourites" CTA card — secondary-based gradient */
.fave-cta-card {
    background: linear-gradient(135deg, #3d5163, #4f6a82, #5d7d98, #45596d, #3d5163);
    background-size: 300% 300%;
}

/* Button + CTA gradient uses primary */
.btn-gradient,
.btn-orange,
.dl-submit-btn {
    background: linear-gradient(90deg, #f29c22 0%, #f5b347 100%);
}

.btn-gradient:hover,
.btn-orange:hover,
.dl-submit-btn:hover {
    background: linear-gradient(90deg, #c47b10 0%, #e08c20 100%);
    opacity: 1;
}