/* KingStone Motors — tokens, identity 2026-07. Dark theme is the site theme.
   Nothing outside this file declares a colour, a size step, or a spacing step. */

:root {
  /* colour */
  --base:   #0B0C0E;  /* everything sits on this */
  --raised: #15171B;  /* cards and panels */
  --line:   #23262B;  /* rules and filled tags */
  --white:  #F4F5F6;  /* headlines and body */
  --muted:  #9BA1A8;  /* secondary text */
  --accent: #FF4D2E;  /* roughly three per cent: price status, section rules, CTA */

  /* type scale, px values authoritative */
  --t11: 11px;
  --t13: 13px;
  --t15: 15px;
  --t17: 17px;
  --t23: 23px;
  --t30: 30px;
  --t40: 40px;
  --t53: 53px;

  /* families */
  --f-head: 'Bicubik', 'Wix Madefor Display', sans-serif;      /* headings only */
  --f-disp: 'Wix Madefor Display', sans-serif;                 /* prices, model names, buttons, nav */
  --f-body: 'Golos Text', sans-serif;                          /* body, captions, specification */

  /* spacing, 8px baseline */
  --sp1: 8px;
  --sp2: 16px;
  --sp3: 24px;
  --sp4: 40px;
  --sp5: 64px;
  --sp6: 104px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}