/* Generated by the Portal Builder from builder-settings/settings.json.
   Change it in the builder and regenerate rather than editing it here. */

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');

@font-face {
  font-family: 'ProximaNova';
  src: url('../assets/fonts/proximanova-400.woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../assets/fonts/proximanova-700.woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../assets/fonts/proximanova-900.woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-a: #604099;
  --color-a-end: #2D005A;
  --color-b: #CBA052;
  --color-c: #FFFFFF;
  --on-accent: #FFFFFF;
  --bg-image: none;
  --logo-height: 156px;
  --logo-space-above: 75px;
  --logo-space-below: 50px;
  --page-bg-start: var(--color-a);
  --page-bg-end: var(--color-a-end);
  --card-bg-start: var(--color-a);
  --card-bg-end: var(--color-a-end);
  --btn-bg: var(--color-b);
  --link-color: var(--color-b);
  --table-header-bg: var(--color-b);
  --table-frame: var(--color-b);
  --focus-ring: var(--color-b);
  --highlight-bg: var(--color-b);
  --gift-selected: var(--color-b);
  --toast-bg: var(--color-b);
  --field-border: var(--color-b);
  --row-selected: var(--color-b);
  --status-icon: var(--color-b);
  --card-border: color-mix(in srgb, var(--color-b) 35%, transparent);
  --btn-text: var(--on-accent);
  --table-header-text: var(--on-accent);
  --highlight-text: var(--on-accent);
  --heading-color: var(--color-c);
  --text-color: var(--color-c);
  --gift-title-color: var(--color-c);
  --logo-tint: var(--color-c);
  --subheader-color: var(--color-c);
  --text-muted: color-mix(in srgb, var(--color-c) 65%, transparent);
  --title-font-family: 'Libre Baskerville', "Century Gothic", "Apple Gothic", sans-serif;
  --title-font-size: 2rem;
  --title-font-weight: 500;
  --title-font-style: normal;
  --title-letter-spacing: 0.5px;
  --title-text-transform: none;
  --title-color: initial;
  --body-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --body-font-size: 1rem;
  --body-font-weight: 300;
  --body-font-style: normal;
  --body-letter-spacing: normal;
  --body-text-transform: none;
  --body-color: initial;
  --gift-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --gift-font-size: 1rem;
  --gift-font-scale: 1;
  --gift-font-weight: 400;
  --gift-font-style: normal;
  --gift-letter-spacing: normal;
  --gift-text-transform: none;
  --gift-color: initial;
  --button-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --button-font-size: 1.2rem;
  --button-font-weight: 400;
  --button-font-style: normal;
  --button-letter-spacing: normal;
  --button-text-transform: none;
  --button-color: initial;
  --th-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --th-font-size: 0.85rem;
  --th-font-weight: 600;
  --th-font-style: normal;
  --th-letter-spacing: normal;
  --th-text-transform: none;
  --th-color: initial;
  --td-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --td-font-size: 0.85rem;
  --td-font-weight: 400;
  --td-font-style: normal;
  --td-letter-spacing: normal;
  --td-text-transform: none;
  --td-color: initial;
  --small-font-family: 'ProximaNova', "Century Gothic", "Apple Gothic", sans-serif;
  --small-font-size: 0.9rem;
  --small-font-weight: 400;
  --small-font-style: normal;
  --small-letter-spacing: normal;
  --small-text-transform: none;
  --small-color: initial;
}

/* Table accent (Table Body override); the header keeps the brand colors. */
.sheet-scroll {
  --highlight-bg: var(--color-b);
  --link-color: var(--color-b);
  --status-icon: var(--color-b);
  --focus-ring: var(--color-b);
  --row-selected: var(--color-b);
  --highlight-text: var(--on-accent);
}