/*
Theme Name: Dadabilities
Theme URI: https://dadabilities.com
Author: Jeremy Oms
Description: A small creative workshop, run by a dad and his family. Child theme of Twenty Twenty-Five.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dadabilities
Template: twentytwentyfive
*/

/* ==== Mixtape / Zine touches ===================================== */

:root {
    --dadab-border: 2px solid var(--wp--preset--color--ink);
}

body {
    background-image:
        radial-gradient(rgba(26, 26, 26, 0.04) 1px, transparent 1px);
    background-size: 4px 4px;
}

/* Card-ish blocks: any group with the .dadab-card class gets the chunky look. */
.dadab-card {
    background: var(--wp--preset--color--paper);
    border: var(--dadab-border);
    padding: var(--wp--preset--spacing--40, 1.25rem);
    box-shadow: 6px 6px 0 0 var(--wp--preset--color--ink);
}

.dadab-card--coral   { background: var(--wp--preset--color--coral);   color: var(--wp--preset--color--paper); }
.dadab-card--mustard { background: var(--wp--preset--color--mustard); color: var(--wp--preset--color--ink);   }
.dadab-card--sky     { background: var(--wp--preset--color--sky);     color: var(--wp--preset--color--ink);   }
.dadab-card--moss    { background: var(--wp--preset--color--moss);    color: var(--wp--preset--color--ink);   }

/* Inside a colored card, force headings and links to the card's text color
 * (rather than the global element styles, which would put coral text on
 * sky/mustard/moss and produce vibrating contrast). */
.dadab-card--coral :is(h1, h2, h3, h4, a),
.dadab-card--coral .wp-block-heading {
    color: var(--wp--preset--color--paper);
}
.dadab-card--mustard :is(h1, h2, h3, h4, a),
.dadab-card--mustard .wp-block-heading,
.dadab-card--sky :is(h1, h2, h3, h4, a),
.dadab-card--sky .wp-block-heading,
.dadab-card--moss :is(h1, h2, h3, h4, a),
.dadab-card--moss .wp-block-heading {
    color: var(--wp--preset--color--ink);
}

/* "Stamp" — small rotated label, used for things like "ISSUE 03" */
.dadab-stamp {
    display: inline-block;
    font-family: var(--wp--preset--font-family--display);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: var(--wp--preset--color--ink);
    color: var(--wp--preset--color--paper);
    padding: 0.25rem 0.5rem;
    transform: rotate(-2deg);
}

/* Hand-drawn accent — uses the Caveat font for tagline-style flourishes. */
.dadab-handwritten {
    font-family: var(--wp--preset--font-family--accent);
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--coral);
}

/* Buttons get a subtle hover-lift instead of a color change */
.wp-element-button:hover,
.wp-block-button__link:hover {
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 0 var(--wp--preset--color--coral);
    transition: transform 80ms ease, box-shadow 80ms ease;
}

/* Body link: keep coral, thicken underline */
a {
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

/* Zine-style section divider */
.dadab-divider {
    border: none;
    border-top: var(--dadab-border);
    margin: var(--wp--preset--spacing--50, 2rem) 0;
}