/*
 * Kiln — custom styles
 *
 * THIS FILE IS YOURS. Kiln created it once and will never overwrite it, no
 * matter how many times you rebuild or which framework version you switch to.
 * Put every style of your own in here rather than editing the generated
 * framework CSS, which IS replaced on each build.
 *
 * It loads last and sits outside the framework's cascade layer, so anything you
 * write here wins over the framework without needing !important.
 *
 * Your palette:
 * Primary (#f96302)
 *   var:     var(--brand-primary)
 *   readable text on it: #111827
 *   shades:  --brand-primary-50, --brand-primary-100, --brand-primary-200, --brand-primary-300, --brand-primary-400, --brand-primary-500, --brand-primary-600, --brand-primary-700, --brand-primary-800, --brand-primary-900, --brand-primary-950
 * Secondary (#00b57f)
 *   var:     var(--brand-secondary)
 *   readable text on it: #111827
 *   shades:  --brand-secondary-50, --brand-secondary-100, --brand-secondary-200, --brand-secondary-300, --brand-secondary-400, --brand-secondary-500, --brand-secondary-600, --brand-secondary-700, --brand-secondary-800, --brand-secondary-900, --brand-secondary-950
 * Tertiary (#8d87ff)
 *   var:     var(--brand-tertiary)
 *   readable text on it: #111827
 *   shades:  --brand-tertiary-50, --brand-tertiary-100, --brand-tertiary-200, --brand-tertiary-300, --brand-tertiary-400, --brand-tertiary-500, --brand-tertiary-600, --brand-tertiary-700, --brand-tertiary-800, --brand-tertiary-900, --brand-tertiary-950
 */

/* Example — restyle the site's headings:
h1, h2, h3 {
  letter-spacing: -0.02em;
}
*/