/*
Theme Name: DedRock Holdings
Theme URI: https://example.com/
Author: DedRock Holdings
Author URI: https://example.com/
Description: Clean, investor-focused theme for a holding company. Gutenberg-first, lightweight, and accessible.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dedrock-holdings
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, full-site-editing-ready
*/

/* Color tokens */
:root{
  --drk-forest:#24362A;
  --pine:#2E4A3F;
  --sage:#7C8F84;
  --beige:#EAE5DC;
  --stone:#8A8F94;
  --charcoal:#1F1F1F;
  --white:#FFFFFF;
  --accent:#4C6F5A;
}

body{ margin:0; color:var(--charcoal); background:#fff; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; line-height:1.6; }
.container{ width:min(1200px,92%); margin-inline:auto; }
.site-header{ background:var(--drk-forest); color:#fff; padding:18px 0; }
.site-branding a{ color:#fff; text-decoration:none; font-weight:700; font-size:1.25rem; }
.primary-nav a{ color:#fff; text-decoration:none; padding:10px 14px; display:inline-block; }
.primary-nav a:hover{ background:rgba(255,255,255,0.1); border-radius:8px; }
.hero{ color:#fff; background:linear-gradient(180deg, rgba(36,54,42,0.9), rgba(46,74,63,0.85)); padding:96px 0; text-align:center; border-bottom:6px solid var(--accent); }
.hero h1{ font-size:clamp(2rem,4vw,3rem); margin:0 0 12px 0; }
.hero p{ font-size:clamp(1rem,2vw,1.25rem); margin:0 auto; max-width:800px; }
.hero .buttons{ margin-top:24px; }
.button{ background:var(--accent); color:#fff; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:600; display:inline-block; margin:6px; }
.button.alt{ background:transparent; border:2px solid #fff; }
.section{ padding:64px 0; }
.section.alt{ background:var(--beige); }
.section h2{ font-size: clamp(1.5rem, 3vw, 2rem); margin-top:0; }
.grid{ display:grid; gap:20px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.card{ background:#fff; border:1px solid #e7e7e7; border-radius:16px; padding:20px; box-shadow:0 10px 20px rgba(0,0,0,0.04); }
.kicker{ text-transform:uppercase; letter-spacing:0.08em; color:var(--sage); font-weight:700; font-size:0.8rem; margin-bottom:8px; }
.site-footer{ background:var(--charcoal); color:#fff; padding:40px 0; font-size:0.95rem; }
.site-footer a{ color:#fff; opacity:0.9; }
.site-footer a:hover{ opacity:1; }
.menu-toggle{ display:none; background:transparent; border:2px solid #fff; color:#fff; padding:8px 12px; border-radius:8px; }
@media (max-width:800px){
  .primary-nav{ display:none; }
  .primary-nav.open{ display:block; }
  .menu-toggle{ display:inline-block; }
}