/* PickleHall design tokens. Brand colours are the client's spec values
   (Hex Color Codes.pdf / RGB Colors.pdf); everything else derives from them. */
:root{
  --ph-green:#9be821;   /* R155 G232 B33 */
  --ph-yellow:#fff200;  /* R255 G242 B0  */
  --ph-orange:#f7941d;  /* R247 G148 B29 */
  --ph-navy:#262262;    /* R38 G34 B98   */

  --navy-900:#12102f;
  --navy-800:#1c1949;
  --navy-500:#4b4780;
  --navy-400:#6f6c9c;
  --navy-200:#c3c2d7;
  --navy-50:#f2f2f7;
  --yellow-300:#fff53d;
  --orange-500:#e07a0c;
  --neutral-0:#ffffff;
  --neutral-50:#faf9f7;
  --neutral-200:#e5e3de;

  --font-display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --font-body:'Barlow','Helvetica Neue',Arial,sans-serif;
  --font-label:'Barlow Condensed','Barlow',Arial,sans-serif;

  --gradient-brand:linear-gradient(90deg,var(--ph-green) 0%,var(--ph-yellow) 42%,var(--ph-orange) 100%);
  --scrim-vertical:linear-gradient(180deg,rgba(18,16,47,.88) 0%,rgba(18,16,47,.34) 34%,rgba(18,16,47,.62) 66%,rgba(18,16,47,.96) 100%);
  --scrim-horizontal:linear-gradient(90deg,rgba(18,16,47,.72) 0%,rgba(18,16,47,.12) 55%,rgba(18,16,47,.5) 100%);

  --radius-pill:999px;
  --shadow-accent:0 8px 22px rgba(247,148,29,.28);
  --focus-ring:0 0 0 3px rgba(255,242,0,.6);

  --dur-fast:120ms;
  --ease-out:cubic-bezier(.2,.8,.3,1);

  --gutter:56px;
  --measure-max:1240px;
}