/* Generated by GFA\Core\TokenCompiler. Do not edit — this file is overwritten on the
 * next settings save. Change values in Admin -> Appearance instead. */
:root {
  --gfa-color-background: #000000;
  --gfa-color-primary: #FFFFFF;
  --gfa-color-accent: #FE66C4;
  --gfa-color-accent-hover: #2BD311;
  --gfa-color-text-on-light: #000000;
  --gfa-color-button-text: #FFFFFF;

  --gfa-font-title: Roboto Condensed, "Arial Narrow", system-ui, sans-serif;
  --gfa-font-body: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;
  --gfa-weight-title: 600;

  --gfa-button-radius: 5px;
  --gfa-button-padding-y: 10px;
  --gfa-button-padding-x: 20px;

  --gfa-size-title: clamp(2.875rem, 5.6vw, 8.75rem);
  --gfa-size-secondary: clamp(1.625rem, 2.6vw, 4rem);
  --gfa-size-body: clamp(1rem, 1.4vw, 1.375rem);
  --gfa-size-accent: clamp(1rem, 1.4vw, 1.375rem);
}

@media (min-width: 1920px) {
  :root {
    --gfa-size-title: clamp(1.625rem, 2.6vw, 4rem);
    --gfa-size-secondary: clamp(2.2rem, 2.2vw, 4.2rem);
    --gfa-size-body: clamp(1.125rem, 1vw, 1.5rem);
    --gfa-size-accent: clamp(1.125rem, 1vw, 1.5rem);
  }
}

@media (max-width: 1024px) {
  :root {
    --gfa-size-title: 60px;
    --gfa-size-secondary: 32px;
    --gfa-size-body: 18px;
    --gfa-size-accent: 18px;
  }
}

@media (max-width: 767px) {
  :root {
    --gfa-size-title: 46px;
    --gfa-size-secondary: 26px;
    --gfa-size-body: 16px;
    --gfa-size-accent: 16px;
    --gfa-lh-title: 1.2;
  }
}