/* Delapse brand: fonts, colour tokens, grain. Values from 01 Brand (colours SVG, fonts folder, Asset 2 grain). */
@font-face{font-family:"Delapse Caps";src:url(fonts/delapse-caps.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Willem se Hand";src:url(fonts/willem-se-hand.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/space-mono-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --dl-teal:#01484F;      /* Deep Teal */
  --dl-green:#03D17F;     /* Signal Green */
  --dl-paper:#E9F9E1;     /* Mint Paper, the site background */
  --dl-haze:#D1FDB3;      /* Mint Haze */
  --dl-acid:#CFE723;      /* Acid Lime */
  --dl-red:#DB3C1A;       /* Flare Red */
  --dl-purple:#411568;    /* Mad Purple */
  --dl-pink:#EAACE1;      /* Barbie Pink */
  --dl-ablue:#235F77;     /* A Blue */
  --dl-stasoft:#D5F3F7;   /* StaSoft */
  --dl-ink:#1E1212;       /* Burnt Black */
  --dl-line:rgba(30,18,18,.2);
  --dl-caps:"Delapse Caps",Helvetica,Arial,sans-serif;
  --dl-mono:"Space Mono",ui-monospace,Menlo,monospace;
  --dl-hand:"Willem se Hand","Space Mono",monospace;
  --dl-gap:120px;         /* the one section spacing, desktop */
  --dl-gutter:clamp(16px,3vw,40px);
}
@media (max-width:767px){:root{--dl-gap:30px}}

/* "html body" so the Hello theme's reset, loaded after this file, does not win */
html body{background:var(--dl-paper);color:var(--dl-ink);font-family:var(--dl-mono);font-synthesis:none}
p,li,.dl-body{text-wrap:pretty}

/* grain over every page; never catches a click */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99990;opacity:.7;mix-blend-mode:multiply;background:url(grain.svg) repeat 0 0/1274px auto}
@media (max-width:767px){body::after{background-size:760px auto}}
body.elementor-editor-active::after,body.wp-admin::after{display:none}