/*
 Theme Name:   Fields of Thunder — Child Theme
 Theme URI:    https://fieldsofthunder.com/
 Description:  Fields of Thunder Museum custom child theme. Built by Turnkey Web Tools Inc.
 Author:       Turnkey Web Tools Inc.
 Author URI:   https://twt-inc.com
 Template:     bricks
 Version:      1.0.0
 Text Domain:  bricks
*/

/* ============================================
   Design Tokens
   ============================================ */
:root {
  --ink:         #0D1114;
  --ink-soft:    #1B2226;
  --parchment:   #F4EEDF;
  --parchment-2: #EADFC5;
  --brass:       #BF1D28;
  --brass-dark:  #991520;
  --verdigris:   #5D7A6F;
  --rust:        #9A4A2B;
  --line:        rgba(191, 29, 40, 0.35);
  --line-soft:   rgba(13, 17, 20, 0.12);
  --paper-grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ============================================
   Global Base
   ============================================ */
*, *::before, *::after { box-sizing: border-box; }

/* Bricks sets html { font-size: 62.5% } in @layer bricks (making 1rem = 10px).
   Restore to 100% so 1rem = 16px (standard browser default). */
html { font-size: 100%; scroll-behavior: smooth; }

/* Override Bricks' a { text-decoration: underline } globally */
a { text-decoration: none; }
a:hover { text-decoration: none; }

body {
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--parchment);
  overflow-x: hidden;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ============================================
   Typography Utilities
   ============================================ */
.display {
  font-family: "Fraunces", Georgia, serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144;
  letter-spacing: -0.02em;
  line-height: 0.95;
}

.display-soft {
  font-family: "Fraunces", Georgia, serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-variation-settings: "SOFT" 100, "WONK" 1, "opsz" 144;
  font-style: italic;
  letter-spacing: -0.01em;
}

.eyebrow {
  font-family: "DM Sans", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--brass);
}

.roman {
  font-family: "Fraunces", Georgia, serif;
  font-variation-settings: "SOFT" 0, "WONK" 0, "opsz" 144;
  font-weight: 500;
  font-style: italic;
  color: var(--brass);
}