@charset "UTF-8";
:root {
  /*--cassiopeia-color-primary: #112855;
  --cassiopeia-color-primary: orange;*/
  --cassiopeia-color-primary: #8d3175;
  --cassiopeia-color-link: #224faa;
  /*rood over oranje*/
  --link-color: #e98c00;
  --link-color-rgb: 5, 53, 100;
  --link-hover-color: #cf3835;
  --link-hover-color-rgb: 15, 89, 81;
  /*oranje over rood
  --link-hover-color: #e98c00;
  --link-hover-color-rgb: 5, 53, 100;
  --link-color: #cf3835;
  --link-color-rgb: 15, 89, 81;*/
  
  /*--cassiopeia-color-hover: #424077;*/
  --cassiopeia-color-hover: #b83288;
  --cassiopeia-color-hover-rgb:184,50,136;
  --body-bg:#faf0f7;
  
}
/*test dark theme voor Paul*/
/*
--blue: #010156;
    --black: #000;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow: #ad6200;
    --green: #448344;
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: #fff;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #010156;
    --secondary: #6d757e;
    --success: #448344;
    --info: #30638d;
    --warning: #ad6200;
    --danger: #a51f18;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 1,1,86;
    --secondary-rgb: 109,117,126;
    --success-rgb: 68,131,68;
    --info-rgb: 48,99,141;
    --warning-rgb: 173,98,0;
    --danger-rgb: 165,31,24;
    --light-rgb: 249,250,251;
    --dark-rgb: 53,59,65;
    --primary-text-emphasis: #002;
    --secondary-text-emphasis: #2c2f32;
    --success-text-emphasis: #1b351b;
    --info-text-emphasis: #132838;
    --warning-text-emphasis: #452700;
    --danger-text-emphasis: #420c09;
    --light-text-emphasis: #484f56;
    --dark-text-emphasis: #484f56;
    --primary-bg-subtle: #ccd;
    --secondary-bg-subtle: #e2e3e5;
    --success-bg-subtle: #dae6da;
    --info-bg-subtle: #d6e0e8;
    --warning-bg-subtle: #efe0cc;
    --danger-bg-subtle: #edd2d1;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #ced4da;
    --primary-border-subtle: #99b;
    --secondary-border-subtle: #c5c8cb;
    --success-border-subtle: #b4ceb4;
    --info-border-subtle: #acc1d1;
    --warning-border-subtle: #dec099;
    --danger-border-subtle: #dba5a2;
    --light-border-subtle: #eaedf0;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,#ffffff26,#fff0);
    --body-font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    --body-font-size: 1.2rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #cfbca5;
    --body-color-rgb: 34,38,42;
    --body-bg: #232323;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: #22262abf;
    --secondary-color-rgb: 34,38,42;
    --secondary-bg: #eaedf0;
    --secondary-bg-rgb: 234,237,240;
    --tertiary-color: #22262a80;
    --tertiary-color-rgb: 34,38,42;
    --tertiary-bg: #f9fafb;
    --tertiary-bg-rgb: 249,250,251;
    --heading-color: #b83288;
    --link-color: #224faa;
    --link-color-rgb: 34,79,170;
    --link-decoration: underline;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66,64,119;
    --code-color: #e93f8e;
    --highlight-color: #22262a;
    --highlight-bg: #fbeea8;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dfe3e7;
    --border-color-translucent: #0000002d;
    --border-radius: .25rem;
    --border-radius-sm: .2rem;
    --border-radius-lg: .3rem;
    --border-radius-xl: .3rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 .5rem 1rem #00000026;
    --box-shadow-sm: 0 .125rem .25rem #00000013;
    --box-shadow-lg: 0 1rem 3rem #0000002d;
    --box-shadow-inset: inset 0 1px 2px #00000013;
    --focus-ring-width: .25rem;
    --focus-ring-opacity: .25;
    --focus-ring-color: #01015640;
    --form-valid-color: #448344;
    --form-valid-border-color: #448344;
    --form-invalid-color: #a51f18;
    --form-invalid-border-color: #a51f18;
*/