/* Profitmaster Displays — brand tokens.
   Colour is locked to black, white and greyscale (Chris, 2026-09-25).
   The K ramp is the whole palette. Customer colour arrives only through imagery. */
:root {
  --k0:   #FFFFFF;
  --k3:   #F7F7F7;
  --k6:   #F0F0F0;
  --k10:  #E6E6E6;
  --k20:  #CCCCCC;
  --k40:  #999999;
  --k60:  #666666;
  --k70:  #4D4D4D;
  --k80:  #333333;
  --k90:  #1A1A1A;
  --k100: #000000;

  --paper: var(--k0);
  --paper-2: var(--k3);
  --plate: var(--k6);
  --ink: var(--k90);
  --ink-2: #555555;
  --ink-3: #737373;
  --rule: var(--k10);
  --rule-2: var(--k20);
  --rule-strong: var(--k100);
  --texture-blend: multiply;
  --texture-filter: none;
  --texture-alpha: .08;
  --logo-black: block;
  --logo-white: none;

  --font-display: "Libre Franklin", "ITC Franklin Gothic", "Franklin Gothic Medium", Arial, sans-serif;
  --font-text: "Libre Franklin", "ITC Franklin Gothic", "Franklin Gothic Book", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  --t-display: clamp(2.5rem, 5.6vw, 5rem);
  --t-h1: clamp(2.1rem, 4vw, 3.5rem);
  --t-h2: clamp(1.45rem, 2.3vw, 1.95rem);
  --t-h3: 1.125rem;
  --t-lede: clamp(1.12rem, 1.5vw, 1.32rem);
  --t-body: 1rem;
  --t-small: .875rem;
  --t-micro: .72rem;

  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem;
  --s6: 2rem; --s7: 3rem; --s8: 4rem; --s9: 6rem; --s10: 8rem;

  --measure: 64ch;
  --gutter: clamp(16px, 2.2vw, 28px);
  --side: 264px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0E0E0E; --paper-2: #151515; --plate: #1C1C1C;
    --ink: #EDEDED; --ink-2: #B5B5B5; --ink-3: #9A9A9A;
    --rule: #2A2A2A; --rule-2: #3A3A3A; --rule-strong: #EDEDED;
    --texture-blend: screen; --texture-filter: invert(1); --texture-alpha: .10;
    --logo-black: none; --logo-white: block;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0E0E0E; --paper-2: #151515; --plate: #1C1C1C;
  --ink: #EDEDED; --ink-2: #B5B5B5; --ink-3: #9A9A9A;
  --rule: #2A2A2A; --rule-2: #3A3A3A; --rule-strong: #EDEDED;
  --texture-blend: screen; --texture-filter: invert(1); --texture-alpha: .10;
  --logo-black: none; --logo-white: block;
}