/*
Theme Name:   Digital Education Systems Child
Theme URI:    https://diged.au
Description:  Child theme of Twenty Twenty-Five for Digital Education Systems.
              Matches the blog to the main diged.au site styling.
Author:       Digital Education Systems
Author URI:   https://diged.au
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  diged-child
*/


/* ============================================================
   Import the main site's brand stylesheet so the blog uses the
   same colours, fonts, buttons, and design tokens as diged.au.
   ============================================================ */
@import url("https://diged.au/css/diged.css");


/* ============================================================
   Twenty Twenty-Five specific overrides — these align the
   default theme styling with the brand.
   ============================================================ */

/* Ensure the body uses the brand background and fonts */
body.wp-singular,
body.blog,
body {
    background: var(--bg, #F5F1E8) !important;
    color: var(--ink, #1A2332);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Headings — Fraunces serif to match the rest of the site */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-heading {
    font-family: 'Fraunces', 'Times New Roman', serif !important;
    color: var(--ink, #1A2332);
    letter-spacing: -0.01em;
}

/* Italic emphasis inside headings — clay accent */
h1 em, h2 em, h3 em,
.wp-block-post-title em,
.wp-block-heading em {
    font-style: italic;
    color: var(--clay-dark, #8F3621);
    font-weight: 500;
}

/* Links — match the brand clay colour */
a {
    color: var(--clay-dark, #8F3621);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
a:hover {
    color: var(--ink, #1A2332);
}

/* Blockquotes — match the pullquote style from diged.au */
.wp-block-quote,
blockquote {
    border-left: 3px solid var(--clay, #B5482E);
    background: var(--sand, #E8DEC9);
    padding: 28px 32px;
    border-radius: 0 8px 8px 0;
    font-family: 'Fraunces', serif;
    font-style: italic;
}

/* Buttons — give WordPress buttons the brand pill shape */
.wp-block-button__link {
    background: var(--ink, #1A2332);
    color: var(--bg, #F5F1E8);
    border-radius: 999px;
    padding: 14px 28px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 15px;
    transition: background .25s ease;
}
.wp-block-button__link:hover {
    background: var(--clay-dark, #8F3621);
    color: var(--bg, #F5F1E8);
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    color: var(--ink, #1A2332);
    border: 1px solid rgba(26, 35, 50, 0.28);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--ink, #1A2332);
    color: var(--bg, #F5F1E8);
}

/* Post titles in the listing */
.wp-block-post-title a {
    text-decoration: none;
    color: var(--ink, #1A2332);
}
.wp-block-post-title a:hover {
    color: var(--clay-dark, #8F3621);
}

/* Make sure the site title and main content respect brand spacing */
.wp-block-site-title a {
    font-family: 'Fraunces', serif;
    color: var(--ink, #1A2332);
    text-decoration: none;
}

/* Navigation links */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    color: var(--ink, #1A2332);
}