/* Jewish Services — design tokens.
   Colours, type, spacing and motion values. All other stylesheets and
   scripts read from these custom properties. */

@font-face{font-family:"Spectral";src:url("../fonts/spectral-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("../fonts/spectral-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("../fonts/hanken-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Phosphor";src:url("../fonts/phosphor-sub.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:block}

:root{
  /* colours */
  --c-paper:   #FAF8F3;
  --c-surface: #FAF8F3;
  --c-card:    #FFFDF8;
  --c-fill:    #F2EFE7;
  --c-fill-2:  #EBE7DD;
  --c-line:    #E6E1D6;
  --c-line-2:  #D6CFC1;
  --c-ink:     #17151B;
  --c-ink-2:   #403C46;
  --c-ink-3:   #6A6672;
  --c-ink-4:   #A29EA7;
  --c-field:   var(--c-ink-3);
  --c-primary: var(--c-ink);
  --c-on-primary: #FAF8F3;
  --c-focus:   #17151B;
  --c-wa:      #157A3B;
  --c-wa-hover:#10652F;
  --c-on-wa:   #FFFFFF;
  --c-live:    #1FA24E;          
  --c-scrim:   rgba(23, 21, 27, .42);

  /* globe */
  --c-globe-sphere: #F2EFE7;
  --c-globe-line:   #CFC8BA;
  --c-globe-land:   #A29EA7;
  --c-globe-route:  #17151B;
  --c-globe-city:   #17151B;

  /* type */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-icon:    "Phosphor";

  --fs-display:   clamp(3.1rem, 7.6vw, 7.6rem);
  --fs-statement: clamp(2.6rem, 6.4vw, 6.4rem);
  --fs-h2:        clamp(2.1rem, 4.2vw, 4rem);
  --fs-h3:        1.125rem;
  --fs-lede:      clamp(1.075rem, 1.35vw, 1.3rem);
  --fs-body:      1.0625rem;
  --fs-small:     .9375rem;
  --fs-micro:     .75rem;
  --lh-display:   .96;
  --lh-head:      1.04;
  --lh-body:      1.6;
  --ls-display:   -.028em;
  --ls-head:      -.02em;
  --ls-micro:     .1em;
  --measure:      62ch;
  --measure-lede: 46ch;

  /* shape */
  --r-block:   14px;
  --r-control: 6px;
  --r-round:   50%;

  /* space */
  --gutter:  clamp(16px, 4.4vw, 64px);
  --wrap:    1360px;
  --sec-y:   clamp(88px, 11vw, 168px);
  --hdr-h:   68px;

  /* shadow */
  --shadow-lift: 0 1px 2px rgba(23, 21, 27, .05), 0 18px 40px -24px rgba(23, 21, 27, .28);

  /* motion */
  --ease:       cubic-bezier(.16, 1, .3, 1);
  --ease-in-out:cubic-bezier(.65, 0, .35, 1);
  --t-fast: .18s;
  --t:      .38s;
  --t-slow: .8s;
}