@import url('fonts.css');

:root {
  /* Colors */
  --lf-color-primary: #FF0002;
  --lf-color-primary-hover: #A70001;
  --lf-color-ink: #2C2A29;
  --lf-color-light: #F5F7F4;
  --lf-color-cream: #FFFAEB;
  --lf-color-white: #FFFFFF;

  /* Fonts */
  --lf-font-heading: 'Playfair Display SC', Georgia, serif;
  --lf-font-body: 'Montserrat', Arial, sans-serif;

  /* Type scale (desktop) */
  --lf-h1-size: 64px;
  --lf-h2-size: 32px;
  --lf-h3-size: 20px;
  --lf-subtitle-size: 20px;
  --lf-body-m-size: 16px;
  --lf-body-size: 16px;
  --lf-body-s-size: 12px;
  --lf-body-xs-size: 10px;

  /* Container (confirmed from Figma Inspect: 1440px page, 1280px centered content, 80px side margins) */
  --lf-container-max: 1280px;
  --lf-container-margin: 80px;
  /* The vendor theme sets global box-sizing: border-box, so any element combining
     max-width with horizontal padding must use this (content + both margins) as its
     max-width instead of --lf-container-max, or the padding eats into the content
     width instead of sitting outside it. */
  --lf-container-max-padded: calc(1280px + 80px * 2);

  /* Spacing scale */
  --lf-space-1: 4px;
  --lf-space-2: 8px;
  --lf-space-3: 16px;
  --lf-space-4: 24px;
  --lf-space-5: 40px;
  --lf-space-6: 64px;
}

/*
 * Defensive reset for every LuxeForm element.
 *
 * Ohio Creative's style.css sets global defaults on bare tags (ul/li padding,
 * h1-h6 color+font-family, a color, button color, img vertical-align, and
 * box-sizing: border-box on *) that repeatedly collided with our markup
 * (confirmed bugs: hero headline color, trust-badge title font, container
 * width math). Rather than patch each element as a new conflict surfaces,
 * zero out the box model on anything carrying an "lf-" class up front —
 * loaded first (tokens.css), so every later, more specific luxeform rule in
 * components.css/home.css still wins via normal cascade order.
 */
[class*="lf-"] {
  margin: 0;
  padding: 0;
  list-style: none;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  line-height: normal;
}