/* Brand Figma: https://www.figma.com/design/TjcAL9r51aOk4snOzqpATV/KG-Advisors-UI-Kit */
/* Source: https://www.figma.com/design/Z7PIbOhf4JWDKN9HDauUOh/Website?node-id=170-4308 */
:root {
  --font-family: "Public Sans", sans-serif;

  --white: #fafafa;
  --black: #010b13;
  --chartreuse: #d9ef82;
  --lilac: #e0bff3;
  --olive: #1f3221;
  --espresso: #4b302d;
  --iris: #5e5ad8;
  --cornflower: #b6ccf6;
  --off-white: #f4f4f4;
  --chartreuse-hover: #beda52;
  --lilac-hover: #d3a5ee;
  --olive-hover: #4b5a4c;
  --primary: var(--chartreuse);
  --secondary: var(--lilac);
  --primary-hover: var(--chartreuse-hover);
  --secondary-hover: var(--lilac-hover);

  --h1-font-family: "ALT MariaClara", serif;
  --h2-font-family: "ALT MariaClara", serif;
  --h3-font-family: "ALT MariaClara", serif;
  --h4-font-family: "ALT MariaClara", serif;

  --h1-font-size: 5.125rem;
  --h1-font-size--mobile: 3.75rem;
  --h1-line-height: 1.2;

  --h2-font-size: 3rem;
  --h2-font-size--mobile: 2rem;
  --h2-font-weight: var(--font-weight--normal);
  --h2-line-height: 1.2;

  --h3-font-size: 2rem;
  --h3-line-height: 1.2;

  --h4-line-height: 1.5;

  --h5-font-size: 1.5rem;
  --h5-font-weight: var(--font-weight--normal);
  --h5-line-height: 1.2;

  --h6-font-size: 1.125rem;
  --h6-line-height: 1.5;

  --large-font-size: 1rem;
  --large-font-size--mobile: 0.75rem;
  --large-line-height: 1.5;

  --body-font-size--mobile: 0.875rem;

  --small-font-size--mobile: 0.75rem;

  --border-radius--sm: 0.625rem;
  --border-radius--md: 0.625rem;
  --border-radius--lg: 50rem;
  --input--border-radius: 50rem;
  --input--min-height: 3.75rem;
  --input--padding-y: var(--spacer--md);
  --button--border-radius--sm: 50rem;
  --button--border-radius--md: 50rem;
  --button--border-radius--lg: 50rem;
  --button--padding-y--sm: 0.375rem;
  --button--padding-x--sm: 0.75rem;
  --button--padding-y--lg: var(--spacer--sm);
  --button--padding-x--lg: var(--spacer--lg);
  --button--background: var(--chartreuse);
  --button--color: var(--black);
  --button--border: var(--chartreuse);
  --button--background-hover: var(--chartreuse-hover);
  --button--color-hover: var(--black);
  --button--border-hover: var(--chartreuse-hover);

  --shadow--sm: 2px 2px 6px 0 rgba(1, 11, 19, 0.1);

  --section--padding: 6.25rem;
  --section--padding--mobile: 3.5rem;
}