/*
Theme Name: CoreContent Lite
Theme URI: https://corecontent.tech/
Author: Heikki Palokangas
Author URI: https://corecontent.tech/
Description: A lightweight, clean theme inspired by Corecontent.tech look & feel. Block-friendly grid utilities, shared header/footer, and simple blog listing.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: corecontent-lite
Tags: blog, block-styles, grid, minimal, responsive
*/
:root{
  /* === Color palette (edit to match your brand) === */
  --cc-bg: #0f0f10;
  --cc-surface: #17181a;
  --cc-card: #1e2023;
  --cc-primary: #4da3ff;
  --cc-accent: #7fffd4;
  --cc-text: #e6e6e6;
  --cc-muted: #a0a4aa;

  /* === Typography === */
  --cc-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --cc-font-serif: "Georgia", "Times New Roman", serif;
  --cc-radius: 16px;
  --cc-gap: 1rem;
  --cc-maxw: 1200px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--cc-bg);color:var(--cc-text);font-family:var(--cc-font-sans);}
a{color:var(--cc-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;border-radius:12px}

.container{max-width:var(--cc-maxw);margin-inline:auto;padding:1.25rem}
.site-header, .site-footer{background:var(--cc-surface);border-bottom:1px solid #23262a}
.site-footer{border-top:1px solid #23262a;border-bottom:none;margin-top:2rem}
.brand{display:flex;gap:.75rem;align-items:center}
.brand .site-title{font-weight:700;margin:0;font-size:1.25rem}
.brand .site-tagline{color:var(--cc-muted);font-size:.95rem}

.nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}
.nav a{padding:.5rem .75rem;border-radius:8px;background:transparent;border:1px solid #2a2d32}
.nav a:hover{background:#1a1c20}

.main{min-height:60vh}
.card{background:var(--cc-card);padding:1rem;border:1px solid #2a2d32;border-radius:var(--cc-radius);box-shadow:0 2px 8px rgba(0,0,0,.15)}

.post-list{display:grid;gap:1rem}
.post-list .post{display:grid;gap:.6rem}
.post-meta{color:var(--cc-muted);font-size:.9rem}

.pagination{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}
.pagination a, .pagination span{padding:.4rem .7rem;border:1px solid #2a2d32;border-radius:8px}
.pagination .current{background:#1a1c20}

.wp-block-post-excerpt__more-link{display:inline-block;margin-top:.5rem}

/* === Grid utilities for block layouts === */
.cc-grid{display:grid;gap:var(--cc-gap)}
.cc-cols-1{grid-template-columns:1fr}
.cc-cols-2{grid-template-columns:repeat(2, 1fr)}
.cc-cols-3{grid-template-columns:repeat(3, 1fr)}
.cc-cols-4{grid-template-columns:repeat(4, 1fr)}
@media (max-width: 900px){
  .cc-cols-4{grid-template-columns:repeat(2, 1fr)}
  .cc-cols-3{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width: 640px){
  .cc-cols-4, .cc-cols-3, .cc-cols-2{grid-template-columns:1fr}
}

/* Block style helpers */
.is-style-cc-grid-2{display:grid;gap:var(--cc-gap);grid-template-columns:repeat(2,1fr)}
.is-style-cc-grid-3{display:grid;gap:var(--cc-gap);grid-template-columns:repeat(3,1fr)}
.is-style-cc-grid-4{display:grid;gap:var(--cc-gap);grid-template-columns:repeat(4,1fr)}
@media (max-width: 900px){
  .is-style-cc-grid-4{grid-template-columns:repeat(2,1fr)}
  .is-style-cc-grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .is-style-cc-grid-4, .is-style-cc-grid-3, .is-style-cc-grid-2{grid-template-columns:1fr}
}

/* Editor styles */
.editor-styles-wrapper{background:var(--cc-bg)}
.wp-block{max-width:var(--cc-maxw)}
*/