/* ============================================
   WebConfigr — Shared Design Tokens & Base Reset
   Edit this file once to update every page.

   Scope, intentionally: this file only holds
   values that should be IDENTICAL everywhere —
   brand colors, type, base resets. Layout tokens
   like --gap and --section-pad have legitimate
   per-page variation (e.g. contact.html uses a
   tighter section-pad than the homepage), so
   pages may still override those two locally.
   ============================================ */

:root {
  /* Brand colors */
  --black:   #0A0A0A;
  --white:   #F5F2EC;
  --cream:   #EDE9DF;
  --sand:    #D4C9B0;
  --accent:  #FF3D00;
  --accent2: #1A1AFF;
  --mid:     #5A5548;
  --border:  #2A2520;

  /* Status colors — used by the SEO/Website score tools,
     available globally so any future tool can reuse them */
  --good: #4CAF6D;
  --warn: #F0B429;
  --bad:  #FF3D00;

  /* Type */
  --serif: 'Source Serif 4', Georgia, serif;
  --sans:  'DM Sans', 'Helvetica Neue', sans-serif;
  --mono:  'DM Mono', monospace;

  --fs-mega: clamp(3.5rem, 10vw, 9rem);
  --fs-xl:   clamp(2rem, 5vw, 4.5rem);
  --fs-lg:   clamp(1.5rem, 3vw, 2.5rem);
  --fs-md:   clamp(1rem, 2vw, 1.25rem);
  --fs-sm:   0.875rem;
  --fs-xs:   0.75rem;

  /* Layout defaults — safe to override per page */
  --gap:         clamp(1.5rem, 4vw, 3rem);
  --section-pad: clamp(4rem, 10vw, 8rem);
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

::selection { background: var(--accent); color: var(--white); }
a { color: inherit; text-decoration: none; }