/* [project]/packages/matchbox.marriagepact.com/src/app/(matchbox)/headingfamily_d9b27bce.module.css [app-client] (css) */
@font-face {
  font-family: headingFamily;
  src: url("../media/louize_display_regular-s.p.005a57e7.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: headingFamily;
  src: url("../media/louize_display_regular_italic-s.p.fd62cdb7.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: headingFamily;
  src: url("../media/louize_display_medium-s.p.7339e2c5.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: headingFamily;
  src: url("../media/louize_display_medium_italic-s.p.a3f20895.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: headingFamily Fallback;
  src: local(Arial);
  ascent-override: 130.95%;
  descent-override: 39.27%;
  line-gap-override: 0.0%;
  size-adjust: 80.32%;
}

.headingfamily_d9b27bce-module__uAqS0q__className {
  font-family: headingFamily, headingFamily Fallback, serif;
}

.headingfamily_d9b27bce-module__uAqS0q__variable {
  --heading-family: "headingFamily", "headingFamily Fallback", serif;
}

/* [project]/packages/matchbox.marriagepact.com/src/styles/themes/matchbox.scss.css [app-client] (css) */
:root {
  --body-family: -apple-system, BlinkMacSystemFont, "SF Pro", ".AppleSystemUIFont", "InterVariable", sans-serif;
  --heading-family: var(--body-family);
  --heading-size-base: 1rem;
  --color-scheme: dark;
  --r-background: 9;
  --g-background: 17;
  --b-background: 13;
  --r-foreground: 216;
  --g-foreground: 207;
  --b-foreground: 197;
  --r-primary: var(--r-foreground);
  --g-primary: var(--g-foreground);
  --b-primary: var(--b-foreground);
  --r-accent: 20;
  --g-accent: 50;
  --b-accent: 255;
  --r-text-on-accent: 0;
  --g-text-on-accent: 0;
  --b-text-on-accent: 0;
  --color-status-green: #0de37c;
  --color-status-yellow: #fcd34d;
  --color-status-red: #f32b3c;
  --input-border-radius: .75rem;
  --color-surface: #0d1511;
  --color-surface-border: rgb(var(--rgb-foreground) / .1);
}

::backdrop {
  --body-family: -apple-system, BlinkMacSystemFont, "SF Pro", ".AppleSystemUIFont", "InterVariable", sans-serif;
  --heading-family: var(--body-family);
  --heading-size-base: 1rem;
  --color-scheme: dark;
  --r-background: 9;
  --g-background: 17;
  --b-background: 13;
  --r-foreground: 216;
  --g-foreground: 207;
  --b-foreground: 197;
  --r-primary: var(--r-foreground);
  --g-primary: var(--g-foreground);
  --b-primary: var(--b-foreground);
  --r-accent: 20;
  --g-accent: 50;
  --b-accent: 255;
  --r-text-on-accent: 0;
  --g-text-on-accent: 0;
  --b-text-on-accent: 0;
  --color-status-green: #0de37c;
  --color-status-yellow: #fcd34d;
  --color-status-red: #f32b3c;
  --input-border-radius: .75rem;
  --color-surface: #0d1511;
  --color-surface-border: rgb(var(--rgb-foreground) / .1);
}

.frame-outer {
  --color-background: rgb(var(--rgb-foreground) / 1);
  background-color: var(--color-background);
  --color-foreground: rgb(var(--rgb-background) / var(--alpha-foreground, 1));
  --color-foreground-bright: rgb(var(--rgb-background) / 1);
  --color-text-primary: rgb(var(--rgb-background) / calc(1 * var(--alpha-foreground, 1)));
  --color-text-secondary: rgb(var(--rgb-background) / calc(.8 * var(--alpha-foreground, 1)));
  --color-text-hint: rgb(var(--rgb-background) / calc(.5 * var(--alpha-foreground, 1)));
  --color-text-whisper: rgb(var(--rgb-background) / calc(.3 * var(--alpha-foreground, 1)));
  color: var(--color-text-secondary);
  --color-border: rgb(var(--rgb-background) / calc(.2 * var(--alpha-foreground, 1)));
  --color-border-active: rgb(var(--rgb-background) / calc(.35 * var(--alpha-foreground, 1)));
  --color-scheme: light;
  color-scheme: var(--color-scheme);
}

body:has( > .frame-outer) {
  --color-background: rgb(var(--rgb-foreground) / 1);
  background-color: var(--color-background);
  --color-foreground: rgb(var(--rgb-background) / var(--alpha-foreground, 1));
  --color-foreground-bright: rgb(var(--rgb-background) / 1);
  --color-text-primary: rgb(var(--rgb-background) / calc(1 * var(--alpha-foreground, 1)));
  --color-text-secondary: rgb(var(--rgb-background) / calc(.8 * var(--alpha-foreground, 1)));
  --color-text-hint: rgb(var(--rgb-background) / calc(.5 * var(--alpha-foreground, 1)));
  --color-text-whisper: rgb(var(--rgb-background) / calc(.3 * var(--alpha-foreground, 1)));
  color: var(--color-text-secondary);
  --color-border: rgb(var(--rgb-background) / calc(.2 * var(--alpha-foreground, 1)));
  --color-border-active: rgb(var(--rgb-background) / calc(.35 * var(--alpha-foreground, 1)));
  --color-scheme: light;
  color-scheme: var(--color-scheme);
}

body:has( > div > .frame-outer) {
  --color-background: rgb(var(--rgb-foreground) / 1);
  background-color: var(--color-background);
  --color-foreground: rgb(var(--rgb-background) / var(--alpha-foreground, 1));
  --color-foreground-bright: rgb(var(--rgb-background) / 1);
  --color-text-primary: rgb(var(--rgb-background) / calc(1 * var(--alpha-foreground, 1)));
  --color-text-secondary: rgb(var(--rgb-background) / calc(.8 * var(--alpha-foreground, 1)));
  --color-text-hint: rgb(var(--rgb-background) / calc(.5 * var(--alpha-foreground, 1)));
  --color-text-whisper: rgb(var(--rgb-background) / calc(.3 * var(--alpha-foreground, 1)));
  color: var(--color-text-secondary);
  --color-border: rgb(var(--rgb-background) / calc(.2 * var(--alpha-foreground, 1)));
  --color-border-active: rgb(var(--rgb-background) / calc(.35 * var(--alpha-foreground, 1)));
  --color-scheme: light;
  color-scheme: var(--color-scheme);
}

.frame-outer {
  --outer-max-container-width: 50rem;
  --outer-horizontal-normal-padding: calc(min(2vw, .02 * var(--max-container-width, 1920px))  + .25rem);
  --outer-horizontal-padding-for-max-width: calc((100vw - var(--outer-max-container-width, 1920px)) / 2);
  --outer-horizontal-padding: max(var(--outer-horizontal-normal-padding), var(--outer-horizontal-padding-for-max-width));
  --outer-left-padding: max(var(--outer-horizontal-padding), env(safe-area-inset-left));
  --outer-right-padding: max(var(--outer-horizontal-padding), env(safe-area-inset-right));
  --outer-container-width: min(100vw - var(--outer-horizontal-normal-padding) * 2, var(--outer-max-container-width, 1920px));
  padding-left: var(--outer-left-padding);
  padding-right: var(--outer-right-padding);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.frame-inner {
  z-index: 5;
  --frame-border-radius: 3rem;
  border-radius: var(--frame-border-radius);
  --color-background: rgb(var(--rgb-background) / 1);
  background-color: var(--color-background);
  --color-foreground: rgb(var(--rgb-foreground) / var(--alpha-foreground, .95));
  --color-foreground-bright: rgb(var(--rgb-foreground) / 1);
  --color-text-primary: rgb(var(--rgb-foreground) / calc(1 * var(--alpha-foreground, .95)));
  --color-text-secondary: rgb(var(--rgb-foreground) / calc(.8 * var(--alpha-foreground, .95)));
  --color-text-hint: rgb(var(--rgb-foreground) / calc(.5 * var(--alpha-foreground, .95)));
  --color-text-whisper: rgb(var(--rgb-foreground) / calc(.3 * var(--alpha-foreground, .95)));
  color: var(--color-text-secondary);
  --color-border: rgb(var(--rgb-foreground) / calc(.2 * var(--alpha-foreground, .95)));
  --color-border-active: rgb(var(--rgb-foreground) / calc(.35 * var(--alpha-foreground, .95)));
  --color-scheme: dark;
  color-scheme: var(--color-scheme);
  box-shadow: 0 .5rem 2.5rem -.5rem rgb(var(--rgb-background) / .4);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

/*# sourceMappingURL=packages_matchbox_marriagepact_com_src_ed311e14._.css.map*/