/* Generert. For nettflater; appens +html.tsx eier allerede temavariablene. */
@font-face {
  font-family: 'Manrope';
  src: url('/brand/fonts/Manrope-Variable.ttf') format('truetype');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --nausto-background: #f4f7f5;
  --nausto-surface: #ffffff;
  --nausto-surfaceSubtle: #e0efeb;
  --nausto-text: #123c43;
  --nausto-textMuted: #516d72;
  --nausto-action: #126a70;
  --nausto-actionHover: #105b61;
  --nausto-actionPressed: #0d4c51;
  --nausto-onAction: #ffffff;
  --nausto-accent: #a7ded2;
  --nausto-onAccent: #123c43;
  --nausto-border: #cdddda;
  --nausto-borderStrong: #6d888c;
  --nausto-focus: #126a70;
  --nausto-success: #246b55;
  --nausto-successSurface: #e0efeb;
  --nausto-warning: #8b5e19;
  --nausto-warningSurface: #fbf0d8;
  --nausto-danger: #a73e37;
  --nausto-dangerSurface: #fbeae7;
  --nausto-onDanger: #ffffff;
  --nausto-disabledSurface: #e0efeb;
  --nausto-disabledText: #516d72;
  --nausto-scrim: rgba(18, 60, 67, 0.4);
  --nausto-appleButton: #000000;
  --nausto-appleLabel: #ffffff;
  --nausto-googleButton: #ffffff;
  --nausto-googleLine: #747775;
  --nausto-googleLabel: #1f1f1f;
  --nausto-shadow: #123c43;
  --nausto-shadowSoft: rgba(18, 60, 67, 0.2);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --nausto-background: #102a30;
    --nausto-surface: #193940;
    --nausto-surfaceSubtle: #24474b;
    --nausto-text: #edf7f5;
    --nausto-textMuted: #aec7c7;
    --nausto-action: #a7ded2;
    --nausto-actionHover: #bee8de;
    --nausto-actionPressed: #8cccbf;
    --nausto-onAction: #102a30;
    --nausto-accent: #a7ded2;
    --nausto-onAccent: #102a30;
    --nausto-border: #36565c;
    --nausto-borderStrong: #78969a;
    --nausto-focus: #a7ded2;
    --nausto-success: #a7ded2;
    --nausto-successSurface: #24474b;
    --nausto-warning: #f1ce80;
    --nausto-warningSurface: #4a3e2a;
    --nausto-danger: #f2aaa3;
    --nausto-dangerSurface: #4b2e32;
    --nausto-onDanger: #102a30;
    --nausto-disabledSurface: #24474b;
    --nausto-disabledText: #aec7c7;
    --nausto-scrim: rgba(0, 0, 0, 0.6);
    --nausto-appleButton: #ffffff;
    --nausto-appleLabel: #000000;
    --nausto-googleButton: #131314;
    --nausto-googleLine: #8e918f;
    --nausto-googleLabel: #e3e3e3;
    --nausto-shadow: #000000;
    --nausto-shadowSoft: rgba(0, 0, 0, 0.45);
  }
}
:root[data-theme='light'] {
  color-scheme: light;
  --nausto-background: #f4f7f5;
  --nausto-surface: #ffffff;
  --nausto-surfaceSubtle: #e0efeb;
  --nausto-text: #123c43;
  --nausto-textMuted: #516d72;
  --nausto-action: #126a70;
  --nausto-actionHover: #105b61;
  --nausto-actionPressed: #0d4c51;
  --nausto-onAction: #ffffff;
  --nausto-accent: #a7ded2;
  --nausto-onAccent: #123c43;
  --nausto-border: #cdddda;
  --nausto-borderStrong: #6d888c;
  --nausto-focus: #126a70;
  --nausto-success: #246b55;
  --nausto-successSurface: #e0efeb;
  --nausto-warning: #8b5e19;
  --nausto-warningSurface: #fbf0d8;
  --nausto-danger: #a73e37;
  --nausto-dangerSurface: #fbeae7;
  --nausto-onDanger: #ffffff;
  --nausto-disabledSurface: #e0efeb;
  --nausto-disabledText: #516d72;
  --nausto-scrim: rgba(18, 60, 67, 0.4);
  --nausto-appleButton: #000000;
  --nausto-appleLabel: #ffffff;
  --nausto-googleButton: #ffffff;
  --nausto-googleLine: #747775;
  --nausto-googleLabel: #1f1f1f;
  --nausto-shadow: #123c43;
  --nausto-shadowSoft: rgba(18, 60, 67, 0.2);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --nausto-background: #102a30;
  --nausto-surface: #193940;
  --nausto-surfaceSubtle: #24474b;
  --nausto-text: #edf7f5;
  --nausto-textMuted: #aec7c7;
  --nausto-action: #a7ded2;
  --nausto-actionHover: #bee8de;
  --nausto-actionPressed: #8cccbf;
  --nausto-onAction: #102a30;
  --nausto-accent: #a7ded2;
  --nausto-onAccent: #102a30;
  --nausto-border: #36565c;
  --nausto-borderStrong: #78969a;
  --nausto-focus: #a7ded2;
  --nausto-success: #a7ded2;
  --nausto-successSurface: #24474b;
  --nausto-warning: #f1ce80;
  --nausto-warningSurface: #4a3e2a;
  --nausto-danger: #f2aaa3;
  --nausto-dangerSurface: #4b2e32;
  --nausto-onDanger: #102a30;
  --nausto-disabledSurface: #24474b;
  --nausto-disabledText: #aec7c7;
  --nausto-scrim: rgba(0, 0, 0, 0.6);
  --nausto-appleButton: #ffffff;
  --nausto-appleLabel: #000000;
  --nausto-googleButton: #131314;
  --nausto-googleLine: #8e918f;
  --nausto-googleLabel: #e3e3e3;
  --nausto-shadow: #000000;
  --nausto-shadowSoft: rgba(0, 0, 0, 0.45);
}
:root {
  --nausto-font: Manrope, system-ui, sans-serif;
  --nausto-radius-card: 16px;
  --nausto-radius-button: 12px;
  --nausto-radius-field: 10px;
}
.nausto-focus:focus-visible {
  outline: 2px solid var(--nausto-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--nausto-surface);
}