/* ============================================================
   KILR Studios — Brand Variables
   ============================================================ */

:root {

  /* ---- Colors ---- */
  --color-primary:    #fabd02;
  --color-primary-70: rgba(250, 189, 2, 0.7);
  --color-primary-50: rgba(250, 189, 2, 0.5);

  --color-dark:       #1c1c1c;
  --color-dark-70:    rgba(28, 28, 28, 0.7);
  --color-dark-50:    rgba(28, 28, 28, 0.5);
  --color-dark-30:    rgba(28, 28, 28, 0.3);

  --color-light:      #ffffff;
  --color-light-70:   rgba(255, 255, 255, 0.7);

  --color-cream:      #f0eee8;

  /* ---- Typography ---- */
  --h--font-family:   'itc-benguiat', Georgia, serif;
  --sh--font-family:  'degular-variable', sans-serif;
  --p--font-family:   'dm-sans', sans-serif;

  /* ---- Letter Spacing ---- */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.05em;
  --tracking-wider:   0.1em;

}