/* Valor design tokens — extracted from www/index.html (canonical reference).
   Inherited, not invented. Light cream surface + amber accent + serif/sans/mono triplet. */

:root {
  /* Surfaces */
  --bg:           #F6F1E8;
  --surface:      #FDFAF4;
  --surface-alt: #F2ECDF;

  /* Accent (amber) */
  --accent:       #B45309;
  --accent-hover: #92400E;
  --accent-soft:  #F5E6D3;

  /* Semantic */
  --success:     #5C8A5A;  /* sage   */
  --warning:     #CA8A04;  /* honey  */
  --info:        #2A5C8A;  /* azure  */
  --rose:        #B8443A;
  --violet:      #7C5CB8;

  /* Ink */
  --ink:        #2C1810;
  --ink-dim:    #6B5744;
  --ink-faint:  #9B8B7A;
  --line:       #D4C5B2;

  /* Type */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'Manrope', system-ui, sans-serif;
  --font-mono:  '"JetBrains Mono"', Menlo, monospace;

  /* Audience defaults — youth */
  --aud-base-size:   16px;
  --aud-line-height: 1.55;
  --aud-h-weight:    400;
  --aud-h-italic:    italic;
  --aud-motion-time: .35s;
  --aud-tap-min:     40px;
  --aud-radius:      14px;

  /* Spacing scale */
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem;
  --s-4: 1rem;   --s-5: 1.5rem; --s-6: 2rem;
  --s-7: 3rem;   --s-8: 4.5rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--aud-base-size);
  line-height: var(--aud-line-height);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); text-decoration: underline; }
h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: var(--aud-h-weight); color: var(--ink); margin: 0 0 .6em; }
h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.12; }
h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.2; }
h3 { font-size: 1.18rem; line-height: 1.3; }
h1 em, h2 em { font-style: var(--aud-h-italic); color: var(--accent); }
p  { margin: 0 0 1em; }
code, kbd, .mono { font-family: var(--font-mono); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--line); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }