/* ============================================================
   OokySpooky — shared brand tokens
   Served at /brand/tokens.css on every ookyspooky.uk site
   (website + consent app). Change colours and fonts here only.
   Dark velvet · aubergine · brushed silver · Duralith display
   ============================================================ */

@font-face {
  font-family: "Duralith";
  src: url("fonts/DURALITH.ttf") format("truetype");
  font-display: block;
}

:root {
  /* A dark design: tells browsers to draw their own controls (dropdown lists, date pickers,
     scrollbars) dark to match, rather than light with our light text on top. */
  color-scheme: dark;

  /* core palette */
  --bg:        #0b0810;
  --bg-2:      #120c1a;
  --bg-3:      #1a1224;
  --ink:       #f3ece4;
  --ink-2:     #cabfd0;
  --ink-3:     #897e94;

  --aub:       #4b1f56;        /* deep aubergine */
  --aub-2:     #7a3aa0;        /* primary purple */
  --aub-soft:  #a677c9;        /* highlight purple */
  --aub-glow:  #c79dff;

  --silver:    #d8d4cf;
  --silver-2:  #a8a39d;
  --silver-3:  #6f6a64;

  --line:      rgba(255, 255, 255, 0.10);
  --line-2:    rgba(255, 255, 255, 0.18);
  --line-aub:  rgba(166, 119, 201, 0.35);

  /* type */
  --f-display: "Duralith", "Cormorant Garamond", serif;
  --f-serif:   "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --f-sans:    "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* spacing */
  --pad: clamp(20px, 4vw, 56px);
  --pad-y: clamp(48px, 8vw, 120px);

  /* containers */
  --max:   1180px;
  --max-r: 760px;   /* reading width */
}