[data-theme="Delta New"] {
  /* color */
  --bank-id-logo: #39134c;
  --bank-id-button-background: #39134c;
  --bank-id-button-foreground: #ffffff;
  --delta-profil-blå: #019cde;
  --delta-profil-blågrønn: #5cb8b3;
  --delta-profil-delta-blå: #42b6e7;
  --delta-profil-grønn: #96d700;
  --delta-profil-lys-blå: #8cd3e7;
  --delta-profil-lysgrønn: #90e2b1;
  --delta-profil-mørkeblå: #051c2c;
  --delta-profil-nøytral-blå: #bbdde6;
  --delta-profil-varm-gul: #fed142;
  --feedback-error-background: var(--core-red-600);
  --feedback-error-foreground: var(--core-neutral-050);
  --feedback-info-background: var(--core-brand-300);
  --feedback-info-foreground: var(--core-neutral-900);
  --feedback-success-background: var(--core-light-green-500);
  --feedback-success-foreground: var(--core-light-green-900);
  --feedback-warning-background: var(--core-warm-yellow-500);
  --feedback-warning-foreground: var(--core-neutral-900);
  --semantic-color-background-surface-1: var(--core-brand-050);
  --semantic-color-background-surface-2: var(--core-brand-100);
  --semantic-color-background-surface-3: var(--core-brand-200);
  --semantic-color-background-surface-inreverse: var(--core-brand-800);
  --semantic-color-background-surface-neutral: var(--core-neutral-050);
  --semantic-color-border-default: var(--core-brand-300);
  --semantic-color-border-focus: var(--core-brand-800);
  --semantic-color-border-inreverse: var(--core-neutral-050);
  --semantic-color-border-subtle: var(--core-brand-200);
  --semantic-color-card-background: var(--core-neutral-050);
  --semantic-color-card-text: var(--core-brand-800);
  --semantic-color-card-text-lighter: var(--core-neutral-500);
  --semantic-color-foreground-brand: var(--delta-profil-delta-blå);
  --semantic-color-foreground-defualt: var(--core-brand-800);
  --semantic-color-foreground-inreverse: var(--core-neutral-050);
  --semantic-color-foreground-muted: var(--core-neutral-500);
  --semantic-color-link-clicked: var(--core-brand-800);
  --semantic-color-link-default: var(--core-brand-600);
  --semantic-color-link-hover: var(--core-brand-500);
}

[data-theme="Dark"] {
  /* color */
  --bank-id-logo: #f6f6f9;
  --bank-id-button-background: #f6f6f9;
  --bank-id-button-foreground: #39134c;
  --delta-profil-blå: #019cde;
  --delta-profil-blågrønn: #5cb8b3;
  --delta-profil-delta-blå: #42b6e7;
  --delta-profil-grønn: #96d700;
  --delta-profil-lys-blå: #8cd3e7;
  --delta-profil-lysgrønn: #90e2b1;
  --delta-profil-mørkeblå: #051c2c;
  --delta-profil-nøytral-blå: #bbdde6;
  --delta-profil-varm-gul: #fed142;
  --feedback-error-background: var(--core-red-400);
  --feedback-error-foreground: var(--core-red-900);
  --feedback-info-background: var(--core-brand-600);
  --feedback-info-foreground: var(--core-neutral-050);
  --feedback-success-background: var(--core-light-green-800);
  --feedback-success-foreground: var(--core-light-green-050);
  --feedback-warning-background: var(--core-warm-yellow-600);
  --feedback-warning-foreground: var(--core-red-900);
  --semantic-color-background-surface-1: var(--core-neutral-900);
  --semantic-color-background-surface-2: var(--core-neutral-700);
  --semantic-color-background-surface-3: var(--core-brand-700);
  --semantic-color-background-surface-inreverse: var(--core-brand-050);
  --semantic-color-background-surface-neutral: var(--core-brand-800);
  --semantic-color-border-default: var(--core-brand-300);
  --semantic-color-border-focus: var(--core-brand-050);
  --semantic-color-border-inreverse: var(--core-brand-900);
  --semantic-color-border-subtle: var(--core-brand-100);
  --semantic-color-card-background: var(--core-brand-900);
  --semantic-color-card-text: var(--core-neutral-050);
  --semantic-color-card-text-lighter: var(--core-brand-100);
  --semantic-color-foreground-brand: var(--delta-profil-delta-blå);
  --semantic-color-foreground-defualt: var(--core-neutral-050);
  --semantic-color-foreground-inreverse: var(--core-brand-800);
  --semantic-color-foreground-muted: var(--core-neutral-200);
  --semantic-color-link-clicked: var(--core-brand-050);
  --semantic-color-link-default: var(--core-brand-300);
  --semantic-color-link-hover: var(--core-brand-100);
}

[data-theme="Delta New"] {
  /* color */
  --core-brand-050: #f4f7fd;
  --core-brand-100: #e7f3ff;
  --core-brand-200: #8cd3e7;
  --core-brand-300: #42b6e7;
  --core-brand-400: #1eaae6;
  --core-brand-500: #019cde;
  --core-brand-600: #33669a;
  --core-brand-700: #33669a;
  --core-brand-800: #2c3143;
  --core-brand-900: #051c2c;
  --core-green-050: #f9ffeb;
  --core-green-100: #f3ffd6;
  --core-green-200: #e3ffa3;
  --core-green-300: #c4ff3d;
  --core-green-400: #b5ff0a;
  --core-green-500: #96d700;
  --core-green-600: #72a300;
  --core-green-700: #4e7000;
  --core-green-800: #2b3d00;
  --core-green-900: #1c2900;
  --core-light-green-050: #f2fcf7;
  --core-light-green-100: #e1f9eb;
  --core-light-green-200: #d0f6e0;
  --core-light-green-300: #bef3d4;
  --core-light-green-400: #93ebb7;
  --core-light-green-500: #68e39a;
  --core-light-green-600: #24c263;
  --core-light-green-700: #1c974d;
  --core-light-green-800: #146c37;
  --core-light-green-900: #082b16;
  --core-neutral-050: #ffffff;
  --core-neutral-100: #efeff0;
  --core-neutral-200: #d5d6d9;
  --core-neutral-300: #b9bbc0;
  --core-neutral-400: #9a9da7;
  --core-neutral-500: #6b6f7b;
  --core-neutral-600: #5f626d;
  --core-neutral-700: #4e515a;
  --core-neutral-800: #3b3e44;
  --core-neutral-900: #242529;
  --core-red-050: #fbeeea;
  --core-red-100: #f4d2c8;
  --core-red-200: #ebaf9e;
  --core-red-300: #e28c74;
  --core-red-400: #d96949;
  --core-red-500: #cf4f2b;
  --core-red-600: #a53f22;
  --core-red-700: #7a2f19;
  --core-red-800: #501f11;
  --core-red-900: #260f08;
  --core-warm-yellow-050: #fffaeb;
  --core-warm-yellow-100: #fff6db;
  --core-warm-yellow-200: #fff6db;
  --core-warm-yellow-300: #ffeaa9;
  --core-warm-yellow-400: #fede76;
  --core-warm-yellow-500: #fed142;
  --core-warm-yellow-600: #daa601;
  --core-warm-yellow-700: #ac8301;
  --core-warm-yellow-800: #7a5d01;
  --core-warm-yellow-900: #473601;
}

[data-theme="Delta New"] {
  /* number */
  --border-radius-none: 0rem;
  --border-radius-small: 0.5rem;
  --border-radius-medium: 0.75rem;
  --border-radius-pill: 62.5rem;
  --border-width-none: 0rem;
  --border-width-small: 0.0625rem;
  --border-width-medium: 0.125rem;
  --font-size-2xsmall: 0.75rem;
  --font-size-xsmall: 1rem;
  --font-size-small: 1.125rem;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.375rem;
  --font-size-xlarge: 1.5rem;
  --font-size-2xlarge: 1.75rem;
  --font-size-3xlarge: 2.25rem;
  --font-size-4xlarge: 3rem;
  --line-height-2xsmall: 1rem;
  --line-height-xsmall: 1.375rem;
  --line-height-small: 1.5rem;
  --line-height-medium: 1.625rem;
  --line-height-large: 1.75rem;
  --line-height-xlarge: 1.875rem;
  --line-height-2xlarge: 2.125rem;
  --line-height-3xlarge: 2.625rem;
  --line-height-4xlarge: 3.375rem;
  --spacing-none: 0rem;
  --spacing-xsmall: 0.25rem;
  --spacing-small: 0.5rem;
  --spacing-medium: 0.75rem;
  --spacing-large: 1rem;
  --spacing-xlarge: 1.25rem;
  --spacing-2xlarge: 1.5rem;
  --spacing-3xlarge: 1.75rem;
  --spacing-4xlarge: 2.25rem;
  --spacing-5xlarge: 2.75rem;
  --spacing-6xlarge: 3.25rem;
  --spacing-7xlarge: 4rem;
  /* string */
  --font-weight-bold: Demi;
  --font-weight-extra-bold: Heavy;
  --font-weight-light: Book;
  --font-weight-regular: Book;
  --font-weight-semi-bold: Medium;
}

[data-theme="Delta Old"] {
  /* number */
  --border-radius-none: 0rem;
  --border-radius-small: 0.25rem;
  --border-radius-medium: 0.5rem;
  --border-radius-pill: 62.5rem;
  --border-width-none: 0rem;
  --border-width-small: 0.0625rem;
  --border-width-medium: 0.125rem;
  --font-size-2xsmall: 0.75rem;
  --font-size-xsmall: 1rem;
  --font-size-small: 1.125rem;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.375rem;
  --font-size-xlarge: 1.5rem;
  --font-size-2xlarge: 1.75rem;
  --font-size-3xlarge: 2.25rem;
  --font-size-4xlarge: 3rem;
  --line-height-2xsmall: 1.125rem;
  --line-height-xsmall: 1.5rem;
  --line-height-small: 1.625rem;
  --line-height-medium: 1.75rem;
  --line-height-large: 1.875rem;
  --line-height-xlarge: 2rem;
  --line-height-2xlarge: 2.375rem;
  --line-height-3xlarge: 2.875rem;
  --line-height-4xlarge: 3.625rem;
  --spacing-none: 0rem;
  --spacing-xsmall: 0.25rem;
  --spacing-small: 0.5rem;
  --spacing-medium: 0.75rem;
  --spacing-large: 1rem;
  --spacing-xlarge: 1.25rem;
  --spacing-2xlarge: 1.5rem;
  --spacing-3xlarge: 1.75rem;
  --spacing-4xlarge: 2.25rem;
  --spacing-5xlarge: 2.75rem;
  --spacing-6xlarge: 3.25rem;
  --spacing-7xlarge: 4rem;
  /* string */
  --font-weight-bold: Bold;
  --font-weight-extra-bold: ExtraBold;
  --font-weight-light: Light;
  --font-weight-regular: Regular;
  --font-weight-semi-bold: SemiBold;
}