/* SPDX-License-Identifier: CC0-1.0
Theme Name:     Greenchild Child Theme for Twenty-Twenty-Five
Theme URI:      https://github.com/villesundell/green-child
Description:    Integration of the Green League's graphic guidelines into the Twenty Twenty-Five theme
Author:         Ville Sundell / ChatGPT o4-mini-high
License:        CC0 / Public Domain (excluding fonts/)
Author URI:     https://github.com/villesundell
Template:       twentytwentyfive
Version:        0.9.5
Text Domain:    green-child
*/

:root {
  /* Brand Colors */
  --color-primary: #006845;
  --color-dark: #000000;
  --color-secondary: #daaa00;
  --color-accent: #ebebec;

  /* Typography */
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-header: 'Krana Fat A', 'Barlow Semi Condensed', sans-serif;
}

@font-face {
  font-family: 'Krana Fat A';
  src: url('fonts/krana-fat-a.otf') format('opentype');
  font-display: swap;
}

/* Base styles */
body {
  font-family: var(--font-body);
  font-size: 1em;
  font-weight: 400;
  background-color: var(--color-accent);
  color: var(--color-dark);
}

h1 {
  color: var(--color-primary);
  font-family: var(--font-header);
  font-size: 3.33em;
}

h2 {
  color: var(--color-primary);
  font-family: var(--font-header);
  font-size: 2em;
}

h3, h4, h5, h6 {
  color: var(--color-primary);
  font-family: var(--font-body);
  font-weight: 500;
}

h3 {
  font-size: 1.33em;
}

blockquote {
  font-family: var(--font-body);
  font-style: italic;
  border-left: 4px solid var(--color-primary);
  padding-left: 10px;
}

a {
  color: var(--color-dark);
  font-weight: bold;
}

.wp-block-post-title a {
  text-decoration: underline;
}

a:hover {
  color: var(--color-primary);
}

button,
input[type="submit"] {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  font-family: var(--font-header);
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
  background-color: var(--color-secondary);
}