/* Estio M3 tokens: Estio Group, vedtatt seed Leire (seed #B5674B) — generert, ikke rediger for hånd */
:root {
  --estio-primary: #8f4c34;
  --estio-on-primary: #ffffff;
  --estio-primary-container: #ffdbcf;
  --estio-on-primary-container: #72351f;
  --estio-primary-fixed: #ffdbcf;
  --estio-primary-fixed-dim: #ffb59c;
  --estio-on-primary-fixed: #380c00;
  --estio-on-primary-fixed-variant: #72351f;
  --estio-secondary: #77574c;
  --estio-on-secondary: #ffffff;
  --estio-secondary-container: #ffdbcf;
  --estio-on-secondary-container: #5d4036;
  --estio-secondary-fixed: #ffdbcf;
  --estio-secondary-fixed-dim: #e7bdb0;
  --estio-on-secondary-fixed: #2c160e;
  --estio-on-secondary-fixed-variant: #5d4036;
  --estio-tertiary: #695e2f;
  --estio-on-tertiary: #ffffff;
  --estio-tertiary-container: #f3e2a7;
  --estio-on-tertiary-container: #51461a;
  --estio-tertiary-fixed: #f3e2a7;
  --estio-tertiary-fixed-dim: #d6c68e;
  --estio-on-tertiary-fixed: #221b00;
  --estio-on-tertiary-fixed-variant: #51461a;
  --estio-error: #ba1a1a;
  --estio-on-error: #ffffff;
  --estio-error-container: #ffdad6;
  --estio-on-error-container: #93000a;
  --estio-background: #fff8f6;
  --estio-on-background: #231a16;
  --estio-surface: #fff8f6;
  --estio-on-surface: #231a16;
  --estio-surface-variant: #f5ded7;
  --estio-on-surface-variant: #53433e;
  --estio-surface-dim: #e8d6d1;
  --estio-surface-bright: #fff8f6;
  --estio-surface-container-lowest: #ffffff;
  --estio-surface-container-low: #fff1ec;
  --estio-surface-container: #fceae5;
  --estio-surface-container-high: #f7e4df;
  --estio-surface-container-highest: #f1dfd9;
  --estio-surface-tint: #8f4c34;
  --estio-outline: #85736d;
  --estio-outline-variant: #d8c2bb;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #392e2b;
  --estio-inverse-on-surface: #ffede8;
  --estio-inverse-primary: #ffb59c;
  --estio-success: #426900;
  --estio-on-success: #ffffff;
  --estio-success-container: #c2f280;
  --estio-on-success-container: #112000;
  --estio-warning: #9f4200;
  --estio-on-warning: #ffffff;
  --estio-warning-container: #ffdbcb;
  --estio-on-warning-container: #341100;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --estio-primary: #ffb59c;
    --estio-on-primary: #55200b;
    --estio-primary-container: #72351f;
    --estio-on-primary-container: #ffdbcf;
    --estio-primary-fixed: #ffdbcf;
    --estio-primary-fixed-dim: #ffb59c;
    --estio-on-primary-fixed: #380c00;
    --estio-on-primary-fixed-variant: #72351f;
    --estio-secondary: #e7bdb0;
    --estio-on-secondary: #442a21;
    --estio-secondary-container: #5d4036;
    --estio-on-secondary-container: #ffdbcf;
    --estio-secondary-fixed: #ffdbcf;
    --estio-secondary-fixed-dim: #e7bdb0;
    --estio-on-secondary-fixed: #2c160e;
    --estio-on-secondary-fixed-variant: #5d4036;
    --estio-tertiary: #d6c68e;
    --estio-on-tertiary: #393005;
    --estio-tertiary-container: #51461a;
    --estio-on-tertiary-container: #f3e2a7;
    --estio-tertiary-fixed: #f3e2a7;
    --estio-tertiary-fixed-dim: #d6c68e;
    --estio-on-tertiary-fixed: #221b00;
    --estio-on-tertiary-fixed-variant: #51461a;
    --estio-error: #ffb4ab;
    --estio-on-error: #690005;
    --estio-error-container: #93000a;
    --estio-on-error-container: #ffdad6;
    --estio-background: #1a110f;
    --estio-on-background: #f1dfd9;
    --estio-surface: #1a110f;
    --estio-on-surface: #f1dfd9;
    --estio-surface-variant: #53433e;
    --estio-on-surface-variant: #d8c2bb;
    --estio-surface-dim: #1a110f;
    --estio-surface-bright: #423733;
    --estio-surface-container-lowest: #140c0a;
    --estio-surface-container-low: #231a16;
    --estio-surface-container: #271d1a;
    --estio-surface-container-high: #322824;
    --estio-surface-container-highest: #3d322f;
    --estio-surface-tint: #ffb59c;
    --estio-outline: #a08d86;
    --estio-outline-variant: #53433e;
    --estio-shadow: #000000;
    --estio-scrim: #000000;
    --estio-inverse-surface: #f1dfd9;
    --estio-inverse-on-surface: #392e2b;
    --estio-inverse-primary: #8f4c34;
    --estio-success: #a7d567;
    --estio-on-success: #203600;
    --estio-success-container: #314f00;
    --estio-on-success-container: #c2f280;
    --estio-warning: #ffb692;
    --estio-on-warning: #552000;
    --estio-warning-container: #793100;
    --estio-on-warning-container: #ffdbcb;
  }
}
:root[data-theme="dark"] {
  --estio-primary: #ffb59c;
  --estio-on-primary: #55200b;
  --estio-primary-container: #72351f;
  --estio-on-primary-container: #ffdbcf;
  --estio-primary-fixed: #ffdbcf;
  --estio-primary-fixed-dim: #ffb59c;
  --estio-on-primary-fixed: #380c00;
  --estio-on-primary-fixed-variant: #72351f;
  --estio-secondary: #e7bdb0;
  --estio-on-secondary: #442a21;
  --estio-secondary-container: #5d4036;
  --estio-on-secondary-container: #ffdbcf;
  --estio-secondary-fixed: #ffdbcf;
  --estio-secondary-fixed-dim: #e7bdb0;
  --estio-on-secondary-fixed: #2c160e;
  --estio-on-secondary-fixed-variant: #5d4036;
  --estio-tertiary: #d6c68e;
  --estio-on-tertiary: #393005;
  --estio-tertiary-container: #51461a;
  --estio-on-tertiary-container: #f3e2a7;
  --estio-tertiary-fixed: #f3e2a7;
  --estio-tertiary-fixed-dim: #d6c68e;
  --estio-on-tertiary-fixed: #221b00;
  --estio-on-tertiary-fixed-variant: #51461a;
  --estio-error: #ffb4ab;
  --estio-on-error: #690005;
  --estio-error-container: #93000a;
  --estio-on-error-container: #ffdad6;
  --estio-background: #1a110f;
  --estio-on-background: #f1dfd9;
  --estio-surface: #1a110f;
  --estio-on-surface: #f1dfd9;
  --estio-surface-variant: #53433e;
  --estio-on-surface-variant: #d8c2bb;
  --estio-surface-dim: #1a110f;
  --estio-surface-bright: #423733;
  --estio-surface-container-lowest: #140c0a;
  --estio-surface-container-low: #231a16;
  --estio-surface-container: #271d1a;
  --estio-surface-container-high: #322824;
  --estio-surface-container-highest: #3d322f;
  --estio-surface-tint: #ffb59c;
  --estio-outline: #a08d86;
  --estio-outline-variant: #53433e;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #f1dfd9;
  --estio-inverse-on-surface: #392e2b;
  --estio-inverse-primary: #8f4c34;
  --estio-success: #a7d567;
  --estio-on-success: #203600;
  --estio-success-container: #314f00;
  --estio-on-success-container: #c2f280;
  --estio-warning: #ffb692;
  --estio-on-warning: #552000;
  --estio-warning-container: #793100;
  --estio-on-warning-container: #ffdbcb;
}

/* Kontrastnivå medium: eksplisitt via data-contrast="medium", jf. guidelines 4.1 */
:root[data-contrast="medium"] {
  --estio-primary: #5d2510;
  --estio-on-primary: #ffffff;
  --estio-primary-container: #a05a41;
  --estio-on-primary-container: #ffffff;
  --estio-primary-fixed: #a05a41;
  --estio-primary-fixed-dim: #83432b;
  --estio-on-primary-fixed: #ffffff;
  --estio-on-primary-fixed-variant: #ffffff;
  --estio-secondary: #4a3026;
  --estio-on-secondary: #ffffff;
  --estio-secondary-container: #87655a;
  --estio-on-secondary-container: #ffffff;
  --estio-secondary-fixed: #87655a;
  --estio-secondary-fixed-dim: #6c4e43;
  --estio-on-secondary-fixed: #ffffff;
  --estio-on-secondary-fixed-variant: #ffffff;
  --estio-tertiary: #3f360a;
  --estio-on-tertiary: #ffffff;
  --estio-tertiary-container: #796d3c;
  --estio-on-tertiary-container: #ffffff;
  --estio-tertiary-fixed: #796d3c;
  --estio-tertiary-fixed-dim: #5f5427;
  --estio-on-tertiary-fixed: #ffffff;
  --estio-on-tertiary-fixed-variant: #ffffff;
  --estio-error: #740006;
  --estio-on-error: #ffffff;
  --estio-error-container: #cf2c27;
  --estio-on-error-container: #ffffff;
  --estio-background: #fff8f6;
  --estio-on-background: #231a16;
  --estio-surface: #fff8f6;
  --estio-on-surface: #180f0c;
  --estio-surface-variant: #f5ded7;
  --estio-on-surface-variant: #41332e;
  --estio-surface-dim: #d4c3be;
  --estio-surface-bright: #fff8f6;
  --estio-surface-container-lowest: #ffffff;
  --estio-surface-container-low: #fff1ec;
  --estio-surface-container: #f7e4df;
  --estio-surface-container-high: #ebd9d4;
  --estio-surface-container-highest: #dfcec9;
  --estio-surface-tint: #8f4c34;
  --estio-outline: #5f4f4a;
  --estio-outline-variant: #7b6964;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #392e2b;
  --estio-inverse-on-surface: #ffede8;
  --estio-inverse-primary: #ffb59c;
  --estio-success: #426900;
  --estio-on-success: #ffffff;
  --estio-success-container: #c2f280;
  --estio-on-success-container: #112000;
  --estio-warning: #9f4200;
  --estio-on-warning: #ffffff;
  --estio-warning-container: #ffdbcb;
  --estio-on-warning-container: #341100;
}
@media (prefers-color-scheme: dark) {
  :root[data-contrast="medium"]:not([data-theme="light"]) {
    --estio-primary: #ffd3c4;
    --estio-on-primary: #471503;
    --estio-primary-container: #cb7d61;
    --estio-on-primary-container: #000000;
    --estio-primary-fixed: #ffdbcf;
    --estio-primary-fixed-dim: #ffb59c;
    --estio-on-primary-fixed: #270600;
    --estio-on-primary-fixed-variant: #5d2510;
    --estio-secondary: #fed3c5;
    --estio-on-secondary: #381f17;
    --estio-secondary-container: #ad887c;
    --estio-on-secondary-container: #000000;
    --estio-secondary-fixed: #ffdbcf;
    --estio-secondary-fixed-dim: #e7bdb0;
    --estio-on-secondary-fixed: #200b05;
    --estio-on-secondary-fixed-variant: #4a3026;
    --estio-tertiary: #ecdca2;
    --estio-on-tertiary: #2d2500;
    --estio-tertiary-container: #9e905c;
    --estio-on-tertiary-container: #000000;
    --estio-tertiary-fixed: #f3e2a7;
    --estio-tertiary-fixed-dim: #d6c68e;
    --estio-on-tertiary-fixed: #161100;
    --estio-on-tertiary-fixed-variant: #3f360a;
    --estio-error: #ffd2cc;
    --estio-on-error: #540003;
    --estio-error-container: #ff5449;
    --estio-on-error-container: #000000;
    --estio-background: #1a110f;
    --estio-on-background: #f1dfd9;
    --estio-surface: #1a110f;
    --estio-on-surface: #ffffff;
    --estio-surface-variant: #53433e;
    --estio-on-surface-variant: #eed8d1;
    --estio-surface-dim: #1a110f;
    --estio-surface-bright: #4e423e;
    --estio-surface-container-lowest: #0d0604;
    --estio-surface-container-low: #251b18;
    --estio-surface-container: #302622;
    --estio-surface-container-high: #3b302d;
    --estio-surface-container-highest: #463b38;
    --estio-surface-tint: #ffb59c;
    --estio-outline: #c2ada7;
    --estio-outline-variant: #a08c86;
    --estio-shadow: #000000;
    --estio-scrim: #000000;
    --estio-inverse-surface: #f1dfd9;
    --estio-inverse-on-surface: #322824;
    --estio-inverse-primary: #733720;
    --estio-success: #a7d567;
    --estio-on-success: #203600;
    --estio-success-container: #314f00;
    --estio-on-success-container: #c2f280;
    --estio-warning: #ffb692;
    --estio-on-warning: #552000;
    --estio-warning-container: #793100;
    --estio-on-warning-container: #ffdbcb;
  }
}
:root[data-theme="dark"][data-contrast="medium"] {
  --estio-primary: #ffd3c4;
  --estio-on-primary: #471503;
  --estio-primary-container: #cb7d61;
  --estio-on-primary-container: #000000;
  --estio-primary-fixed: #ffdbcf;
  --estio-primary-fixed-dim: #ffb59c;
  --estio-on-primary-fixed: #270600;
  --estio-on-primary-fixed-variant: #5d2510;
  --estio-secondary: #fed3c5;
  --estio-on-secondary: #381f17;
  --estio-secondary-container: #ad887c;
  --estio-on-secondary-container: #000000;
  --estio-secondary-fixed: #ffdbcf;
  --estio-secondary-fixed-dim: #e7bdb0;
  --estio-on-secondary-fixed: #200b05;
  --estio-on-secondary-fixed-variant: #4a3026;
  --estio-tertiary: #ecdca2;
  --estio-on-tertiary: #2d2500;
  --estio-tertiary-container: #9e905c;
  --estio-on-tertiary-container: #000000;
  --estio-tertiary-fixed: #f3e2a7;
  --estio-tertiary-fixed-dim: #d6c68e;
  --estio-on-tertiary-fixed: #161100;
  --estio-on-tertiary-fixed-variant: #3f360a;
  --estio-error: #ffd2cc;
  --estio-on-error: #540003;
  --estio-error-container: #ff5449;
  --estio-on-error-container: #000000;
  --estio-background: #1a110f;
  --estio-on-background: #f1dfd9;
  --estio-surface: #1a110f;
  --estio-on-surface: #ffffff;
  --estio-surface-variant: #53433e;
  --estio-on-surface-variant: #eed8d1;
  --estio-surface-dim: #1a110f;
  --estio-surface-bright: #4e423e;
  --estio-surface-container-lowest: #0d0604;
  --estio-surface-container-low: #251b18;
  --estio-surface-container: #302622;
  --estio-surface-container-high: #3b302d;
  --estio-surface-container-highest: #463b38;
  --estio-surface-tint: #ffb59c;
  --estio-outline: #c2ada7;
  --estio-outline-variant: #a08c86;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #f1dfd9;
  --estio-inverse-on-surface: #322824;
  --estio-inverse-primary: #733720;
  --estio-success: #a7d567;
  --estio-on-success: #203600;
  --estio-success-container: #314f00;
  --estio-on-success-container: #c2f280;
  --estio-warning: #ffb692;
  --estio-on-warning: #552000;
  --estio-warning-container: #793100;
  --estio-on-warning-container: #ffdbcb;
}

/* Kontrastnivå high: eksplisitt via data-contrast="high", jf. guidelines 4.1 */
:root[data-contrast="high"] {
  --estio-primary: #501c07;
  --estio-on-primary: #ffffff;
  --estio-primary-container: #753821;
  --estio-on-primary-container: #ffffff;
  --estio-primary-fixed: #753821;
  --estio-primary-fixed-dim: #58220d;
  --estio-on-primary-fixed: #ffffff;
  --estio-on-primary-fixed-variant: #ffffff;
  --estio-secondary: #3f261d;
  --estio-on-secondary: #ffffff;
  --estio-secondary-container: #604238;
  --estio-on-secondary-container: #ffffff;
  --estio-secondary-fixed: #604238;
  --estio-secondary-fixed-dim: #472c23;
  --estio-on-secondary-fixed: #ffffff;
  --estio-on-secondary-fixed-variant: #ffffff;
  --estio-tertiary: #342c02;
  --estio-on-tertiary: #ffffff;
  --estio-tertiary-container: #53491c;
  --estio-on-tertiary-container: #ffffff;
  --estio-tertiary-fixed: #53491c;
  --estio-tertiary-fixed-dim: #3b3207;
  --estio-on-tertiary-fixed: #ffffff;
  --estio-on-tertiary-fixed-variant: #ffffff;
  --estio-error: #600004;
  --estio-on-error: #ffffff;
  --estio-error-container: #98000a;
  --estio-on-error-container: #ffffff;
  --estio-background: #fff8f6;
  --estio-on-background: #231a16;
  --estio-surface: #fff8f6;
  --estio-on-surface: #000000;
  --estio-surface-variant: #f5ded7;
  --estio-on-surface-variant: #000000;
  --estio-surface-dim: #c6b5b0;
  --estio-surface-bright: #fff8f6;
  --estio-surface-container-lowest: #ffffff;
  --estio-surface-container-low: #ffede8;
  --estio-surface-container: #f1dfd9;
  --estio-surface-container-high: #e2d1cb;
  --estio-surface-container-highest: #d4c3be;
  --estio-surface-tint: #8f4c34;
  --estio-outline: #362925;
  --estio-outline-variant: #554641;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #392e2b;
  --estio-inverse-on-surface: #ffffff;
  --estio-inverse-primary: #ffb59c;
  --estio-success: #426900;
  --estio-on-success: #ffffff;
  --estio-success-container: #c2f280;
  --estio-on-success-container: #112000;
  --estio-warning: #9f4200;
  --estio-on-warning: #ffffff;
  --estio-warning-container: #ffdbcb;
  --estio-on-warning-container: #341100;
}
@media (prefers-color-scheme: dark) {
  :root[data-contrast="high"]:not([data-theme="light"]) {
    --estio-primary: #ffece6;
    --estio-on-primary: #000000;
    --estio-primary-container: #ffaf94;
    --estio-on-primary-container: #1d0400;
    --estio-primary-fixed: #ffdbcf;
    --estio-primary-fixed-dim: #ffb59c;
    --estio-on-primary-fixed: #000000;
    --estio-on-primary-fixed-variant: #270600;
    --estio-secondary: #ffece6;
    --estio-on-secondary: #000000;
    --estio-secondary-container: #e3baac;
    --estio-on-secondary-container: #190602;
    --estio-secondary-fixed: #ffdbcf;
    --estio-secondary-fixed-dim: #e7bdb0;
    --estio-on-secondary-fixed: #000000;
    --estio-on-secondary-fixed-variant: #200b05;
    --estio-tertiary: #fff0bb;
    --estio-on-tertiary: #000000;
    --estio-tertiary-container: #d2c28a;
    --estio-on-tertiary-container: #0f0b00;
    --estio-tertiary-fixed: #f3e2a7;
    --estio-tertiary-fixed-dim: #d6c68e;
    --estio-on-tertiary-fixed: #000000;
    --estio-on-tertiary-fixed-variant: #161100;
    --estio-error: #ffece9;
    --estio-on-error: #000000;
    --estio-error-container: #ffaea4;
    --estio-on-error-container: #220001;
    --estio-background: #1a110f;
    --estio-on-background: #f1dfd9;
    --estio-surface: #1a110f;
    --estio-on-surface: #ffffff;
    --estio-surface-variant: #53433e;
    --estio-on-surface-variant: #ffffff;
    --estio-surface-dim: #1a110f;
    --estio-surface-bright: #5a4d4a;
    --estio-surface-container-lowest: #000000;
    --estio-surface-container-low: #271d1a;
    --estio-surface-container: #392e2b;
    --estio-surface-container-high: #443935;
    --estio-surface-container-highest: #504440;
    --estio-surface-tint: #ffb59c;
    --estio-outline: #ffece6;
    --estio-outline-variant: #d4beb7;
    --estio-shadow: #000000;
    --estio-scrim: #000000;
    --estio-inverse-surface: #f1dfd9;
    --estio-inverse-on-surface: #000000;
    --estio-inverse-primary: #733720;
    --estio-success: #a7d567;
    --estio-on-success: #203600;
    --estio-success-container: #314f00;
    --estio-on-success-container: #c2f280;
    --estio-warning: #ffb692;
    --estio-on-warning: #552000;
    --estio-warning-container: #793100;
    --estio-on-warning-container: #ffdbcb;
  }
}
:root[data-theme="dark"][data-contrast="high"] {
  --estio-primary: #ffece6;
  --estio-on-primary: #000000;
  --estio-primary-container: #ffaf94;
  --estio-on-primary-container: #1d0400;
  --estio-primary-fixed: #ffdbcf;
  --estio-primary-fixed-dim: #ffb59c;
  --estio-on-primary-fixed: #000000;
  --estio-on-primary-fixed-variant: #270600;
  --estio-secondary: #ffece6;
  --estio-on-secondary: #000000;
  --estio-secondary-container: #e3baac;
  --estio-on-secondary-container: #190602;
  --estio-secondary-fixed: #ffdbcf;
  --estio-secondary-fixed-dim: #e7bdb0;
  --estio-on-secondary-fixed: #000000;
  --estio-on-secondary-fixed-variant: #200b05;
  --estio-tertiary: #fff0bb;
  --estio-on-tertiary: #000000;
  --estio-tertiary-container: #d2c28a;
  --estio-on-tertiary-container: #0f0b00;
  --estio-tertiary-fixed: #f3e2a7;
  --estio-tertiary-fixed-dim: #d6c68e;
  --estio-on-tertiary-fixed: #000000;
  --estio-on-tertiary-fixed-variant: #161100;
  --estio-error: #ffece9;
  --estio-on-error: #000000;
  --estio-error-container: #ffaea4;
  --estio-on-error-container: #220001;
  --estio-background: #1a110f;
  --estio-on-background: #f1dfd9;
  --estio-surface: #1a110f;
  --estio-on-surface: #ffffff;
  --estio-surface-variant: #53433e;
  --estio-on-surface-variant: #ffffff;
  --estio-surface-dim: #1a110f;
  --estio-surface-bright: #5a4d4a;
  --estio-surface-container-lowest: #000000;
  --estio-surface-container-low: #271d1a;
  --estio-surface-container: #392e2b;
  --estio-surface-container-high: #443935;
  --estio-surface-container-highest: #504440;
  --estio-surface-tint: #ffb59c;
  --estio-outline: #ffece6;
  --estio-outline-variant: #d4beb7;
  --estio-shadow: #000000;
  --estio-scrim: #000000;
  --estio-inverse-surface: #f1dfd9;
  --estio-inverse-on-surface: #000000;
  --estio-inverse-primary: #733720;
  --estio-success: #a7d567;
  --estio-on-success: #203600;
  --estio-success-container: #314f00;
  --estio-on-success-container: #c2f280;
  --estio-warning: #ffb692;
  --estio-on-warning: #552000;
  --estio-warning-container: #793100;
  --estio-on-warning-container: #ffdbcb;
}