/* This is a generated file. Do not edit it directly. */
@layer base {
	.rensa {
  --font-heading: Open Sans; 
  --font-body: Open Sans; 
	--font-display: Raleway;

/* Font weights */
  --font-weight-email-bold: 700;
  --font-weight-email-normal: 400;
  --font-weight-display-bold: 800;
  --font-weight-heading-bold: 800;
  --font-weight-body-bold: 800;
  --font-weight-body-semibold: 600;
  --font-weight-body-normal: 400;

/* Surface colors */
  --surface-white-background: #ffffff;
  --surface-white-border: #dfe3f4;
  --surface-white-hover: #f2effc;
  --surface-white-active: #dfe3f4;
  --surface-white-foreground: #3f3f3f;
  --surface-white-foreground-highlight: #d8131d;
  --surface-light-background: #f7f5fd;
  --surface-light-border: #d5d8e8;
  --surface-light-hover: #dfe3f4;
  --surface-light-active: #d5d8e8;
  --surface-light-foreground: #3f3f3f;
  --surface-light-foreground-highlight: #d8131d;
  --surface-main-background: #0060ad;
  --surface-main-border: #001f38;
  --surface-main-hover: #004175;
  --surface-main-active: #001f38;
  --surface-main-foreground: #ffffff;
  --surface-main-foreground-highlight: #b0cee5;
  --surface-dark-background: #001f38;
  --surface-dark-border: #0060ad;
  --surface-dark-hover: #004175;
  --surface-dark-active: #0060ad;
  --surface-dark-foreground: #ffffff;
  --surface-dark-foreground-highlight: #b0cee5;
  --surface-accent-background: #d8131d;
  --surface-accent-border: #6c090e;
  --surface-accent-hover: #a40e16;
  --surface-accent-active: #6c090e;
  --surface-accent-foreground: #ffffff;
  --surface-accent-foreground-highlight: #b0cee5;
  --surface-blush-background: #f7f5fd;
  --surface-blush-border: #d5d8e8;
  --surface-blush-hover: #dfe3f4;
  --surface-blush-active: #d5d8e8;
  --surface-blush-foreground: #3f3f3f;
  --surface-blush-foreground-highlight: #0060ad;
  --surface-gradient-light-start: #bfd9ed;
  --surface-gradient-light-stop: #90bddf;
  --surface-gradient-accent-start: #001f38;
  --surface-gradient-accent-stop: #001f38;
  --surface-gradient-dark-start: #001f38;
  --surface-gradient-dark-stop: #001f38;

/* Button colors */
  --button-transactional-background: #0060ad;
  --button-transactional-hover: #004175;
  --button-transactional-active: #001f38;
  --button-transactional-foreground: #ffffff;
  --button-accent-light-mode-background: #0060ad;
  --button-accent-light-mode-hover: #004175;
  --button-accent-light-mode-active: #001f38;
  --button-accent-light-mode-foreground: #ffffff;
  --button-main-light-mode-background: #dfe3f4;
  --button-main-light-mode-hover: #d5d8e8;
  --button-main-light-mode-active: #b9c2d4;
  --button-main-light-mode-foreground: #3f3f3f;
  --button-main-dark-mode-background: #f2effc;
  --button-main-dark-mode-hover: #dfe3f4;
  --button-main-dark-mode-active: #d5d8e8;
  --button-main-dark-mode-foreground: #3f3f3f;
  --button-accent-dark-mode-background: #ffffff;
  --button-accent-dark-mode-hover: #dfe3f4;
  --button-accent-dark-mode-active: #d5d8e8;
  --button-accent-dark-mode-foreground: #3f3f3f;
  --button-outline-dark-mode-border-active: #dfe3f4;
  --button-outline-dark-mode-border: #ffffff;
  --button-outline-dark-mode-foreground: #ffffff;
  --button-outline-dark-mode-foreground-hover: #e5f4ff;
  --button-outline-dark-mode-border-hover: #f2effc;
  --button-outline-dark-mode-foreground-active: #bfd9ed;
  --button-outline-dark-mode-foreground-alt: #001f38;
  --button-outline-light-mode-background: #ffffff;
  --button-outline-light-mode-border: #d5d8e8;
  --button-outline-light-mode-border-hover: #b9c2d4;
  --button-outline-light-mode-foreground: #0060ad;
  --button-outline-light-mode-foreground-hover: #0078d7;
  --button-outline-light-mode-border-active: #9dacc0;
  --button-outline-light-mode-foreground-active: #0078d7;
  --button-outline-light-mode-foreground-alt: #ffffff;

  /* Foreground colors */
  --foreground-dark: #3f3f3f;
  --foreground-light: #ffffff;
  --foreground-dark-highlight: #d8131d;
  --foreground-light-highlight: #d8131d;
  --foreground-accent: #d8131d;
  --foreground-accent-2: #0078d7;

	/* Discount colors */
  --discount-background: #d8131d;
  --discount-background-alt: #f7f5fd;
  --discount-foreground-alt: #d8131d;
  --discount-foreground: #ffffff;
  --discount-prices: #d8131d;
	
	/* Border */
  --radius-button: var(--radius-full);
  --radius-surface-sm: var(--radius-none);
  --radius-input-field: var(--radius-none);
  --radius-surface-lg: var(--radius-none);
  --radius-category: var(--radius-none);
  --border-width-button: 0.0625rem;
  --border-width-input-field: 0.0625rem;
  --border-width-surface: 0.0625rem;
	
	}
}