/*
Theme Name: CRGCL
Theme URI:  https://example.com/
Author:      Your Name
Author URI:  https://example.com/
Description: CRGCL — a block-based Full Site Editing (FSE) theme with Merriweather font and primary color #0c3b6a. Includes custom post types for Events and Resources.
Version:     1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crgcl
Tags:       fse, full-site-editing, accessibility-ready, seo, responsive
*/

/* Basic theme CSS (also used in the editor unless overridden by theme.json). */
:root{
  --crgcl-primary: #0c3b6a;
  --crgcl-bg: #ffffff;
  --crgcl-text: #111827;
  --crgcl-max-width: 1100px;
  --crgcl-gap: 1rem;
  --crgcl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --crgcl-font-serif: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--crgcl-font-serif);
  color:var(--crgcl-text);
  background:var(--crgcl-bg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.wp-block {
  max-width:var(--crgcl-max-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:1rem;
  padding-right:1rem;
}

/* Header & Footer */
.site-header,
.site-footer{
  background:#f6f7fb;
  color:var(--crgcl-text);
  padding:1rem 0;
}
.site-branding{ max-width:var(--crgcl-max-width); margin:0 auto; padding:0 1rem; display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.site-title{ margin:0; font-size:1.25rem; font-weight:700; color:var(--crgcl-primary); }
.site-description{ margin:0; color:#334155; font-size:.95rem; }

/* Query Loop post card */
.crgcl-post-card{ border-bottom:1px solid #e6eef8; padding:1rem 0; display:block;}
.crgcl-post-card h2{ margin:.25rem 0;}
.crgcl-post-meta{ font-size:.9rem; color:#64748b; }

/* Responsive */
@media (min-width:768px){
  .site-title{ font-size:1.5rem;}
  .crgcl-grid-2{ display:grid; grid-template-columns: 2fr 1fr; gap:1.25rem; align-items:start;}
}