/* konstrukt-core.css — Konstrukt/26 design system (third system, separate from BTR + S&C).
 *
 * Konstrukt aesthetic: muted paper + steel + Sheffield-red, Saira/Black Ops One,
 * subtle paper-grain pseudo-element on body.
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
a { color: inherit; text-decoration: none; }

:root {
  --paper:    #E5E1D6;
  --warm:     #D6D0C0;
  --offwhite: #F0EDE4;
  --ink:      #0A0A0A;
  --steel:    #1B1B1A;
  --mid:      #6B655A;
  --soft:     #9C9788;
  --red:      #E32A1F;
  --red-deep: #B81F15;
  --red-soft: #F25548;
  --lav:      #B8B0D0;
}

html { scroll-behavior: smooth; background: var(--paper); }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Saira', sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
}

/* paper grain — radial dot pattern with multiply blend */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(rgba(0,0,0,0.022) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.018) 1px, transparent 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0 0, 1px 1px;
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: multiply;
}

body > * { position: relative; z-index: 2; }
