/* ══════════════════════════════════════════════════════════════
   SHARED.CSS — MyNestrova site-wide base
   Loaded on every page (homepage today; blog pages later once
   verified safe against main.css).

   PHASE 1 SCOPE — every rule below was checked against main.css
   and is byte-identical in property AND value. Nothing here
   changes what any existing page currently looks like.

   Deliberately NOT included (do not add without re-verifying
   against main.css and blog HTML first):
   - --r-lg            (20px in main.css vs 22px on the homepage)
   - --shadow / --shadow-hover (different blur/opacity values)
   - font tokens        (--FD/--FB vs --font-display/--font-body —
                          same fonts, different variable names)
   - --terracotta/--terra-dark vs --tc/--tc-d (same values,
     different names — rename only as part of a deliberate,
     verified Phase 2 pass)
   - body / a / nav / footer base rules (differ between the two
     stylesheets today)
   ══════════════════════════════════════════════════════════════ */

/* Reset & box model */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Root-level scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Shared color tokens — identical name + identical value in
   both main.css and the homepage's original inline styles */
:root {
  --cream: #fdf7f2;
  --warm:  #f5ede4;
  --sand:  #e8d8c8;
  --sage:  #7a9e87;
  --ink:   #1e1a17;
  --muted: #6b5f55;
  --light: #a89b91;
  --white: #ffffff;
}

/* Shared image base rule */
img {
  display: block;
  max-width: 100%;
}