/* ===== MorphyOps · BOLD system tokens =====
   Pulled from HAGT reference. Not safe. */
:root{
  --cobalt:#2E55B8;
  --cobalt-deep:#1E3A8C;
  --navy:#1C2560;
  --ink:#0B0B12;
  --oxblood:#60122C;
  --crimson:#9C0419;
  --red:#E62020;
  --red-hot:#FF3A1A;
  --teal:#2A8A85;
  --teal-dark:#164E4B;
  --violet:#44307A;
  --yellow:#FEDD4A;
  --paper:#F4EBD8;
  --paper-2:#EADFC2;
  --magenta:#EA0B8C; /* tiny nod to the primary brand */

  --serif:"Fraunces", "DM Serif Display", "Playfair Display", ui-serif, Georgia, serif; /* @kind font */
  --grotesk:"Archivo Black", "Inter Tight", Impact, system-ui, sans-serif; /* @kind font */
  --sans:"Inter Tight","Inter",system-ui,sans-serif; /* @kind font */
  --mono:"JetBrains Mono", ui-monospace, monospace; /* @kind font */

  --grid-yellow:#FEDD4A;
}

*{box-sizing:border-box;}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);}

/* construction-grid overlay — yellow 1px hairlines on a cobalt field, or on paper */
.construction{position:relative;}
.construction::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--yellow) 40%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--yellow) 40%, transparent) 1px, transparent 1px);
  background-size: 80px 80px;
  mix-blend-mode:screen;
}
.construction-paper::before{
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--navy) 12%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--navy) 12%, transparent) 1px, transparent 1px);
  mix-blend-mode:multiply;
}