/*
Theme Name: Robert Whitten
Theme URI: https://robertwhitten.com
Author: Robert Whitten
Description: One-page personal site for robertwhitten.com. Paper/ink/forge palette matching the resume design system.
Version: 1.2.0
License: GNU General Public License v2 or later
Text Domain: robertwhitten
Tags: full-site-editing, block-styles
*/

/* Custom-property fallbacks (belt-and-suspenders for theme.json) */
:root {
  --rw-paper: #f6f3ec;
  --rw-ink: #0b0f17;
  --rw-charcoal: #1a1f2b;
  --rw-slate: #3a4150;
  --rw-steel: #5a6478;
  --rw-mist: #8a92a3;
  --rw-linen: #ebe7df;
  --rw-pure: #fdfbf6;
  --rw-forge: #b45309;
}

/* Page-level frame: charcoal surround + cream sheet */
html, body { background: var(--rw-charcoal) !important; }
.rw-sheet {
  max-width: 760px; margin: 2.5rem auto;
  background: var(--rw-paper);
  border-radius: 10px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.4);
  overflow: hidden;
  color: var(--rw-ink);
}
@media (max-width: 640px) { .rw-sheet { margin: 1rem 0.5rem; } }

/* Section label rows */
.rw-section-label {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.72rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.14em;
  color: var(--rw-steel);
  display: flex; align-items: center; gap: 1rem;
  margin-bottom: 1rem;
}
.rw-section-label::after { content: ""; flex: 1; height: 1px; background: var(--rw-linen); }

/* Link cards */
.rw-card {
  display: flex; flex-direction: column; text-decoration: none;
  padding: 1rem 1.1rem; background: var(--rw-pure);
  border: 1px solid var(--rw-linen); border-radius: 8px;
  transition: border-color 0.15s, transform 0.15s;
}
.rw-card:hover { border-color: var(--rw-forge); transform: translateY(-1px); }
.rw-card .t { font-weight: 600; font-size: 0.92rem; color: var(--rw-ink); }
.rw-card .d { font-size: 0.78rem; color: var(--rw-steel); margin-top: 0.25rem; line-height: 1.45; }

/* CTA */
.rw-cta {
  text-align: center; padding: 1.6rem; background: var(--rw-pure);
  border: 1px solid var(--rw-linen); border-radius: 8px;
}
.rw-btn {
  display: inline-block; padding: 0.6rem 1.4rem;
  background: var(--rw-ink); color: var(--rw-paper) !important;
  border-radius: 6px; text-decoration: none; font-size: 0.85rem; font-weight: 500;
}
.rw-btn:hover { background: var(--rw-slate); }

@media print {
  body { background: #fff !important; }
  .rw-sheet { box-shadow: none; border-radius: 0; margin: 0; max-width: none; }
}