/* ============================================================
   THEME: RAW — "The Living Manuscript"
   Ink-on-paper, sepia warmth, journal aesthetic
   ============================================================ */

[data-theme="raw"] {
  /* Colors */
  --bg: #fcf9f2;
  --surface: #fcf9f2;
  --surface-container-low: #f6f3ec;
  --surface-container-high: #ebe8e1;
  --primary: #000000;
  --primary-dim: #1c1c18;
  --on-surface: #1c1c18;
  --on-surface-variant: #474747;
  --on-primary: #ffdad6;
  --accent: #b72122;
  --accent-secondary: #ffdad6;
  --outline-variant: #c6c6c6;
  --outline: #777777;

  /* Typography */
  --font-headline: 'Epilogue', sans-serif;
  --font-body: 'Newsreader', serif;
  --font-label: 'Space Grotesk', monospace;
  --font-signature: 'Rock Salt', cursive;

  /* Shape */
  --radius: 0px;

  /* Decorative */
  --texture-opacity: 1;
  --grain-opacity: 0;
  --glow-opacity: 0;
}

/* Paper-dot texture */
[data-theme="raw"] body {
  background-color: #fcf9f2;
  background-image: radial-gradient(#dcdad3 0.5px, transparent 0.5px);
  background-size: 24px 24px;
}

[data-theme="raw"] .site-header {
  background: #fcf9f2;
}

/* Title in signature handwriting */
[data-theme="raw"] .site-title {
  font-family: 'Rock Salt', cursive;
  font-weight: 400;
  font-size: clamp(1rem, 2vw, 1.25rem);
  letter-spacing: 0;
  color: #000000;
}

/* Decorative label */
[data-theme="raw"] .content-label {
  font-family: 'Space Grotesk', monospace;
  font-size: 0.625rem;
  letter-spacing: 0.4em;
  color: #5e5e5e;
}

/* Large italic serif quote */
[data-theme="raw"] .content-quote {
  font-family: 'Newsreader', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: #000000;
}

/* Red accent strokes */
[data-theme="raw"] .content-container::before {
  content: '';
  position: absolute;
  top: -1rem;
  left: calc(50% - 6rem);
  width: 3rem;
  height: 2px;
  background: #b72122;
}

[data-theme="raw"] .content-container::after {
  content: '';
  position: absolute;
  bottom: 2rem;
  right: calc(50% - 6rem);
  width: 3rem;
  height: 2px;
  background: #b72122;
}

/* Footer */
[data-theme="raw"] .footer-text {
  font-family: 'Newsreader', serif;
  font-style: italic;
  letter-spacing: 0.1em;
}

/* Dropdown */
[data-theme="raw"] .theme-selector {
  background-color: transparent;
  font-family: 'Space Grotesk', monospace;
}

/* Selection */
[data-theme="raw"] ::selection {
  background: #b72122;
  color: #ffdad6;
}