/*
Theme Name: Running The Play
Author: Agape Benjamin
Template: twentytwentyfive
Version: 1.0
Description: A child theme of Twenty Twenty-Five customized by me.
*/

/* ↓↓↓ Custom CSS goes here ↓↓↓ */

/* Import Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,700&display=swap');

/* Import Lora */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');

/* Every italic (<i>, <em>) site-wide uses Playfair Display italic */
em, i {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

/* Base site background (soft cream) */
html, body, .wp-site-blocks, .site-content, .site {
    background-color: #F7F5EE;
    color: #333333;
}

/* Allow blocks to pick background and text colors freely */
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    background-color: transparent;
    color: inherit;
}

/* Headings */
h5 {
    color: #FFFFFF; /* homepage heading override handled by inline/homepage styles */
}

h1, h2, h3, h4, h6 {
    color: #C96B6B; /* other headings red by default */
}

/* Links */
a {
    color: #3E5C76;
    text-decoration: underline;
}

a:hover {
    color: #F7C5CC;
}

/* Buttons */

/* Primary button */
.btn-calm-coral {
    background-color: #F4A6A6;
    color: #FFFFFF;
    padding: 0.7em 1.5em;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-family: 'Lora', serif;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
}

.btn-calm-coral:hover {
    background-color: #E79797;
}

/* Secondary button */
.btn-soft-rose {
    background-color: #F7C5CC;
    color: #333333;
}

.btn-soft-rose:hover {
    background-color: #EFAAB4;
}

/* Optional: Homepage & About page block default colors (can be overridden in editor) */
.homepage .wp-block-group.default-bg,
.about-page .wp-block-group.default-bg {
    background-color: #F7F5EE;
    color: #333333;
}