/*
Theme Name: MacroSpace
Theme URI: https://macrospace.com.tr/
Author: MacroSpace
Description: Lightweight editorial block theme for MacroSpace.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: macrospace
*/

:root {
  --ms-color-ink: #1d2528;
  --ms-color-muted: #667176;
  --ms-color-paper: #f7f6f2;
  --ms-color-surface: #ffffff;
  --ms-color-line: #d9ddda;
  --ms-color-accent: #9a6b43;
  --ms-space-1: 0.5rem;
  --ms-space-2: 1rem;
  --ms-space-3: 1.5rem;
  --ms-space-4: 2rem;
  --ms-space-5: 3rem;
  --ms-space-6: 5rem;
  --ms-content: 76rem;
  --ms-readable: 46rem;
}

html { scroll-behavior: smooth; }
body { background: var(--ms-color-paper); color: var(--ms-color-ink); }
a { color: inherit; text-underline-offset: 0.18em; }
.ms-shell { width: min(100% - 2rem, var(--ms-content)); margin-inline: auto; }
.ms-readable { max-width: var(--ms-readable); }
.ms-section { padding-block: clamp(3rem, 8vw, 7rem); }
.ms-header { border-bottom: 1px solid var(--ms-color-line); background: color-mix(in srgb, var(--ms-color-paper) 92%, transparent); }
.ms-header__inner, .ms-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--ms-space-3); padding-block: var(--ms-space-3); }
.ms-brand { font-size: 1.25rem; font-weight: 600; letter-spacing: .04em; text-decoration: none; }
.ms-nav { display: flex; flex-wrap: wrap; gap: var(--ms-space-3); color: var(--ms-color-muted); font-size: .95rem; }
.ms-nav a { text-decoration: none; }
.ms-nav a:hover, .ms-nav a:focus-visible { color: var(--ms-color-ink); }
.ms-footer { border-top: 1px solid var(--ms-color-line); color: var(--ms-color-muted); }
.ms-footer__inner { align-items: flex-start; }
@media (max-width: 42rem) {
  .ms-header__inner, .ms-footer__inner { align-items: flex-start; flex-direction: column; }
  .ms-nav { gap: var(--ms-space-2); }
}