/* Torke design tokens.
   APPROVED COLOURS, and nothing else may appear anywhere on this site:
   the five brand colours, plus pure black and pure white.

     Aquamarine     #a9f0d1
     Charcoal       #595959
     Grey           #7f7f7f
     Periwinkle     #e4d9ff
     Lavender Blush #f7ebec
     Black          #000000
     White          #ffffff

   No derived accent, no tint, no translucent surface colour. Where a surface
   used to be a translucent overlay it is now the band colour with a solid
   1px Charcoal or Grey border, which is how depth is built here. The only
   permitted alpha is black in a shadow, because a shadow is shade rather than
   a colour of its own.

   Measured WCAG ratios for every pair the site actually uses:
     Black on Blush       18.05      White on Black        21.00
     Black on White       21.00      Aquamarine on Black   16.07
     Black on Aquamarine  16.07      Periwinkle on Black   15.67
     Black on Periwinkle  15.67      Grey on Black          5.24
     Charcoal on White     7.00      Charcoal on Blush      6.02
   Never used, because they fail: White or Aquamarine on any light surface,
   Grey as body text on light, Charcoal or Periwinkle on Charcoal. */

:root {
  /* ---- Palette ---- */
  --aqua:        #a9f0d1;
  --charcoal:    #595959;
  --grey:        #7f7f7f;
  --periwinkle:  #e4d9ff;
  --blush:       #f7ebec;
  --black:       #000000;
  --white:       #ffffff;

  /* ---- Semantic, light ground ---- */
  --bg:            var(--blush);
  --surface:       var(--white);
  --surface-quiet: var(--periwinkle);
  --surface-hi:    var(--aqua);
  --text:          var(--black);
  --text-2:        var(--charcoal);
  --line:          var(--grey);
  --focus:         var(--black);

  /* ---- Semantic, black ground ---- */
  --surface-dark:   var(--black);
  --text-on-dark:   var(--white);
  --text-2-on-dark: var(--grey);
  --line-on-dark:   var(--charcoal);
  --accent-on-dark: var(--aqua);
  --focus-on-dark:  var(--aqua);

  /* ---- Type ---- */
  --font: 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-body: var(--font);
  --font-heading: 'Sora', 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;

  /* ---- Inline icon geometry ---- */
  --icon-viewbox: 48;
  --icon-stroke: 2.25;
  --icon-box: 58px;
  --icon-size: 38px;
  --icon-box-mobile: 48px;
  --icon-size-mobile: 31px;

  /* ---- Space, 8px scale ---- */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 48px; --s6: 64px; --s7: 96px; --s8: 128px;

  --shell: 1200px;
  --read: 720px;

  --r-card: 12px;
  --r-ctrl: 8px;
  --r-pill: 999px;

  --shadow: 0 1px 2px rgba(0,0,0,0.05), 0 8px 24px rgba(0,0,0,0.07);
  --shadow-lift: 0 2px 4px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.10);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}