:root {
  --rrg-color-signal-red: #e60000;
  --rrg-color-signal-red-dark: #b70100;
  --rrg-color-fixo-primary: #1a56db;
  --rrg-color-ink-blue: #0f172a;
  --rrg-color-slate: #64748b;
  --rrg-color-white: #ffffff;
  --rrg-color-background: #f7f9fb;
  --rrg-color-surface-low: #f2f4f6;
  --rrg-color-surface-mid: #eceef0;
  --rrg-color-text-primary: #191c1e;
  --rrg-color-text-secondary: #475569;
  --rrg-color-text-muted: #64748b;
  --rrg-color-border-subtle: #e2e8f0;
  --rrg-color-border-strong: #cbd5e1;
  --rrg-color-success: #059669;
  --rrg-color-warning: #d97706;
  --rrg-color-error: #ba1a1a;

  --rrg-font-body:
    "Pretendard", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --rrg-font-label: var(--rrg-font-body);

  --rrg-font-size-display-lg: 48px;
  --rrg-font-size-display-lg-mobile: 36px;
  --rrg-font-size-headline-md: 30px;
  --rrg-font-size-headline-sm: 24px;
  --rrg-font-size-body-lg: 18px;
  --rrg-font-size-body-md: 16px;
  --rrg-font-size-body-sm: 14px;
  --rrg-font-size-label-md: 14px;
  --rrg-font-size-label-sm: 12px;

  --rrg-line-height-display-lg: 56px;
  --rrg-line-height-display-lg-mobile: 44px;
  --rrg-line-height-headline-md: 38px;
  --rrg-line-height-headline-sm: 32px;
  --rrg-line-height-body-lg: 28px;
  --rrg-line-height-body-md: 24px;
  --rrg-line-height-body-sm: 20px;
  --rrg-line-height-label-md: 20px;
  --rrg-line-height-label-sm: 16px;

  --rrg-radius-base: 4px;
  --rrg-radius-md: 6px;
  --rrg-radius-lg: 8px;
  --rrg-radius-xl: 12px;
  --rrg-radius-full: 9999px;

  --rrg-margin-desktop: 40px;
  --rrg-margin-mobile: 16px;
  --rrg-container-max: 1240px;

  --rrg-shadow-interactive: 0 4px 12px rgb(15 23 42 / 5%);

  color-scheme: light;
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/woff2/PretendardVariable.woff2")
    format("woff2");
}

html {
  height: 100%;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  min-height: 100%;
  color: var(--rrg-color-text-primary);
  background: var(--rrg-color-background);
  font-family: var(--rrg-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}