/* GENERATED by scripts/generate_carbon_tokens.py. Do not edit by hand.
   IBM Carbon colour tokens (White theme, Gray 100 theme, and a higher-contrast
   version of each) for the Avantika course feedback portal. --cds-* are Carbon's
   own token names; --md-sys-color-* are the same colours under the role names the
   older stylesheets use. */

:root {
  color-scheme: light dark;
  --cds-background: #ffffff;
  --cds-layer-01: #f4f4f4;
  --cds-layer-02: #ffffff;
  --cds-layer-hover: #e8e8e8;
  --cds-layer-accent: #e0e0e0;
  --cds-field-01: #f4f4f4;
  --cds-field-hover: #e8e8e8;
  --cds-highlight: #d0e2ff;
  --cds-border-subtle: #e0e0e0;
  --cds-border-strong: #8d8d8d;
  --cds-border-interactive: #0f62fe;
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-text-helper: #6f6f6f;
  --cds-text-on-color: #ffffff;
  --cds-text-disabled: #8d8d8d;
  --cds-link-primary: #0f62fe;
  --cds-link-hover: #0043ce;
  --cds-interactive: #0f62fe;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-button-primary: #0f62fe;
  --cds-button-primary-hover: #0353e9;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary: #393939;
  --cds-button-secondary-hover: #474747;
  --cds-button-danger: #da1e28;
  --cds-button-danger-hover: #b81921;
  --cds-support-error: #da1e28;
  --cds-text-error: #da1e28;
  --cds-support-success: #198038;
  --cds-support-warning: #b28600;
  --cds-support-info: #0043ce;
  --cds-notification-error: #fff1f1;
  --cds-notification-success: #defbe6;
  --cds-notification-warning: #fcf4d6;
  --cds-notification-info: #edf5ff;
  --cds-tag-blue-bg: #d0e2ff;
  --cds-tag-blue-fg: #0043ce;
  --cds-tag-green-bg: #a7f0ba;
  --cds-tag-green-fg: #0e6027;
  --cds-tag-red-bg: #ffd7d9;
  --cds-tag-red-fg: #a2191f;
  --cds-tag-gray-bg: #e0e0e0;
  --cds-tag-gray-fg: #161616;
  --cds-tag-purple-bg: #e8daff;
  --cds-tag-purple-fg: #6929c4;
  --cds-tag-cyan-bg: #bae6ff;
  --cds-tag-cyan-fg: #00539a;
  --cds-tag-teal-bg: #9ef0f0;
  --cds-tag-teal-fg: #005d5d;
  --cds-tag-magenta-bg: #ffd6e8;
  --cds-tag-magenta-fg: #9f1853;
  --cds-shell-bg: #161616;
  --cds-shell-text: #f4f4f4;
  --cds-shell-hover: #2c2c2c;
  --cds-shell-border: #393939;
  --cds-overlay: #000000;
  --md-sys-color-primary: #0f62fe;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #d0e2ff;
  --md-sys-color-on-primary-container: #002d9c;
  --md-sys-color-secondary: #393939;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #e0e0e0;
  --md-sys-color-on-secondary-container: #161616;
  --md-sys-color-tertiary: #8a3ffc;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #e8daff;
  --md-sys-color-on-tertiary-container: #491d8b;
  --md-sys-color-error: #da1e28;
  --md-sys-color-on-error: #ffffff;
  --md-sys-color-error-container: #ffd7d9;
  --md-sys-color-on-error-container: #a2191f;
  --md-sys-color-background: #ffffff;
  --md-sys-color-on-background: #161616;
  --md-sys-color-surface: #ffffff;
  --md-sys-color-on-surface: #161616;
  --md-sys-color-surface-variant: #e0e0e0;
  --md-sys-color-on-surface-variant: #525252;
  --md-sys-color-outline: #8d8d8d;
  --md-sys-color-outline-variant: #e0e0e0;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-inverse-surface: #393939;
  --md-sys-color-inverse-on-surface: #f4f4f4;
  --md-sys-color-inverse-primary: #78a9ff;
  --md-sys-color-surface-tint: #0f62fe;
  --md-sys-color-surface-dim: #e0e0e0;
  --md-sys-color-surface-bright: #ffffff;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f4f4f4;
  --md-sys-color-surface-container: #f4f4f4;
  --md-sys-color-surface-container-high: #e8e8e8;
  --md-sys-color-surface-container-highest: #e0e0e0;
  --md-sys-color-success: #198038;
  --md-sys-color-on-success: #ffffff;
  --md-sys-color-success-container: #a7f0ba;
  --md-sys-color-on-success-container: #0e6027;
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --cds-background: #161616;
    --cds-layer-01: #262626;
    --cds-layer-02: #393939;
    --cds-layer-hover: #333333;
    --cds-layer-accent: #393939;
    --cds-field-01: #262626;
    --cds-field-hover: #333333;
    --cds-highlight: #002d9c;
    --cds-border-subtle: #393939;
    --cds-border-strong: #8d8d8d;
    --cds-border-interactive: #4589ff;
    --cds-text-primary: #f4f4f4;
    --cds-text-secondary: #c6c6c6;
    --cds-text-helper: #a8a8a8;
    --cds-text-on-color: #ffffff;
    --cds-text-disabled: #6f6f6f;
    --cds-link-primary: #78a9ff;
    --cds-link-hover: #a6c8ff;
    --cds-interactive: #4589ff;
    --cds-focus: #ffffff;
    --cds-focus-inset: #161616;
    --cds-button-primary: #0f62fe;
    --cds-button-primary-hover: #0050e6;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary: #6f6f6f;
    --cds-button-secondary-hover: #606060;
    --cds-button-danger: #da1e28;
    --cds-button-danger-hover: #ba1b23;
    --cds-support-error: #fa4d56;
    --cds-text-error: #ff8389;
    --cds-support-success: #42be65;
    --cds-support-warning: #f1c21b;
    --cds-support-info: #4589ff;
    --cds-notification-error: #262626;
    --cds-notification-success: #262626;
    --cds-notification-warning: #262626;
    --cds-notification-info: #262626;
    --cds-tag-blue-bg: #002d9c;
    --cds-tag-blue-fg: #a6c8ff;
    --cds-tag-green-bg: #0e6027;
    --cds-tag-green-fg: #a7f0ba;
    --cds-tag-red-bg: #750e13;
    --cds-tag-red-fg: #ffb3b8;
    --cds-tag-gray-bg: #393939;
    --cds-tag-gray-fg: #e0e0e0;
    --cds-tag-purple-bg: #491d8b;
    --cds-tag-purple-fg: #d4bbff;
    --cds-tag-cyan-bg: #003a6d;
    --cds-tag-cyan-fg: #82cfff;
    --cds-tag-teal-bg: #004144;
    --cds-tag-teal-fg: #3ddbd9;
    --cds-tag-magenta-bg: #740937;
    --cds-tag-magenta-fg: #ffafd2;
    --cds-shell-bg: #161616;
    --cds-shell-text: #f4f4f4;
    --cds-shell-hover: #2c2c2c;
    --cds-shell-border: #393939;
    --cds-overlay: #000000;
    --md-sys-color-primary: #78a9ff;
    --md-sys-color-on-primary: #161616;
    --md-sys-color-primary-container: #002d9c;
    --md-sys-color-on-primary-container: #d0e2ff;
    --md-sys-color-secondary: #c6c6c6;
    --md-sys-color-on-secondary: #161616;
    --md-sys-color-secondary-container: #393939;
    --md-sys-color-on-secondary-container: #f4f4f4;
    --md-sys-color-tertiary: #be95ff;
    --md-sys-color-on-tertiary: #161616;
    --md-sys-color-tertiary-container: #491d8b;
    --md-sys-color-on-tertiary-container: #e8daff;
    --md-sys-color-error: #ff8389;
    --md-sys-color-on-error: #161616;
    --md-sys-color-error-container: #750e13;
    --md-sys-color-on-error-container: #ffd7d9;
    --md-sys-color-background: #161616;
    --md-sys-color-on-background: #f4f4f4;
    --md-sys-color-surface: #161616;
    --md-sys-color-on-surface: #f4f4f4;
    --md-sys-color-surface-variant: #393939;
    --md-sys-color-on-surface-variant: #c6c6c6;
    --md-sys-color-outline: #8d8d8d;
    --md-sys-color-outline-variant: #393939;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-inverse-surface: #f4f4f4;
    --md-sys-color-inverse-on-surface: #161616;
    --md-sys-color-inverse-primary: #0f62fe;
    --md-sys-color-surface-tint: #78a9ff;
    --md-sys-color-surface-dim: #161616;
    --md-sys-color-surface-bright: #393939;
    --md-sys-color-surface-container-lowest: #262626;
    --md-sys-color-surface-container-low: #1c1c1c;
    --md-sys-color-surface-container: #262626;
    --md-sys-color-surface-container-high: #333333;
    --md-sys-color-surface-container-highest: #393939;
    --md-sys-color-success: #42be65;
    --md-sys-color-on-success: #161616;
    --md-sys-color-success-container: #0e6027;
    --md-sys-color-on-success-container: #a7f0ba;
  }
}

@media screen and (prefers-contrast: more) {
  :root {
    --cds-background: #ffffff;
    --cds-layer-01: #f4f4f4;
    --cds-layer-02: #ffffff;
    --cds-layer-hover: #e8e8e8;
    --cds-layer-accent: #e0e0e0;
    --cds-field-01: #f4f4f4;
    --cds-field-hover: #e8e8e8;
    --cds-highlight: #d0e2ff;
    --cds-border-subtle: #8d8d8d;
    --cds-border-strong: #161616;
    --cds-border-interactive: #0f62fe;
    --cds-text-primary: #161616;
    --cds-text-secondary: #393939;
    --cds-text-helper: #525252;
    --cds-text-on-color: #ffffff;
    --cds-text-disabled: #8d8d8d;
    --cds-link-primary: #0043ce;
    --cds-link-hover: #002d9c;
    --cds-interactive: #0043ce;
    --cds-focus: #0f62fe;
    --cds-focus-inset: #ffffff;
    --cds-button-primary: #0043ce;
    --cds-button-primary-hover: #002d9c;
    --cds-button-primary-active: #001d6c;
    --cds-button-secondary: #393939;
    --cds-button-secondary-hover: #474747;
    --cds-button-danger: #da1e28;
    --cds-button-danger-hover: #b81921;
    --cds-support-error: #da1e28;
    --cds-text-error: #da1e28;
    --cds-support-success: #0e6027;
    --cds-support-warning: #b28600;
    --cds-support-info: #0043ce;
    --cds-notification-error: #fff1f1;
    --cds-notification-success: #defbe6;
    --cds-notification-warning: #fcf4d6;
    --cds-notification-info: #edf5ff;
    --cds-tag-blue-bg: #d0e2ff;
    --cds-tag-blue-fg: #002d9c;
    --cds-tag-green-bg: #a7f0ba;
    --cds-tag-green-fg: #0e6027;
    --cds-tag-red-bg: #ffd7d9;
    --cds-tag-red-fg: #a2191f;
    --cds-tag-gray-bg: #e0e0e0;
    --cds-tag-gray-fg: #161616;
    --cds-tag-purple-bg: #e8daff;
    --cds-tag-purple-fg: #6929c4;
    --cds-tag-cyan-bg: #bae6ff;
    --cds-tag-cyan-fg: #00539a;
    --cds-tag-teal-bg: #9ef0f0;
    --cds-tag-teal-fg: #005d5d;
    --cds-tag-magenta-bg: #ffd6e8;
    --cds-tag-magenta-fg: #9f1853;
    --cds-shell-bg: #161616;
    --cds-shell-text: #f4f4f4;
    --cds-shell-hover: #2c2c2c;
    --cds-shell-border: #393939;
    --cds-overlay: #000000;
    --md-sys-color-primary: #0043ce;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #d0e2ff;
    --md-sys-color-on-primary-container: #002d9c;
    --md-sys-color-secondary: #393939;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-secondary-container: #e0e0e0;
    --md-sys-color-on-secondary-container: #161616;
    --md-sys-color-tertiary: #8a3ffc;
    --md-sys-color-on-tertiary: #ffffff;
    --md-sys-color-tertiary-container: #e8daff;
    --md-sys-color-on-tertiary-container: #491d8b;
    --md-sys-color-error: #da1e28;
    --md-sys-color-on-error: #ffffff;
    --md-sys-color-error-container: #ffd7d9;
    --md-sys-color-on-error-container: #a2191f;
    --md-sys-color-background: #ffffff;
    --md-sys-color-on-background: #161616;
    --md-sys-color-surface: #ffffff;
    --md-sys-color-on-surface: #161616;
    --md-sys-color-surface-variant: #e0e0e0;
    --md-sys-color-on-surface-variant: #393939;
    --md-sys-color-outline: #161616;
    --md-sys-color-outline-variant: #8d8d8d;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-inverse-surface: #393939;
    --md-sys-color-inverse-on-surface: #f4f4f4;
    --md-sys-color-inverse-primary: #78a9ff;
    --md-sys-color-surface-tint: #0043ce;
    --md-sys-color-surface-dim: #e0e0e0;
    --md-sys-color-surface-bright: #ffffff;
    --md-sys-color-surface-container-lowest: #ffffff;
    --md-sys-color-surface-container-low: #f4f4f4;
    --md-sys-color-surface-container: #f4f4f4;
    --md-sys-color-surface-container-high: #e8e8e8;
    --md-sys-color-surface-container-highest: #e0e0e0;
    --md-sys-color-success: #0e6027;
    --md-sys-color-on-success: #ffffff;
    --md-sys-color-success-container: #a7f0ba;
    --md-sys-color-on-success-container: #0e6027;
  }
}

@media screen and (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --cds-background: #161616;
    --cds-layer-01: #262626;
    --cds-layer-02: #393939;
    --cds-layer-hover: #333333;
    --cds-layer-accent: #393939;
    --cds-field-01: #262626;
    --cds-field-hover: #333333;
    --cds-highlight: #002d9c;
    --cds-border-subtle: #8d8d8d;
    --cds-border-strong: #c6c6c6;
    --cds-border-interactive: #4589ff;
    --cds-text-primary: #f4f4f4;
    --cds-text-secondary: #e0e0e0;
    --cds-text-helper: #c6c6c6;
    --cds-text-on-color: #ffffff;
    --cds-text-disabled: #6f6f6f;
    --cds-link-primary: #a6c8ff;
    --cds-link-hover: #d0e2ff;
    --cds-interactive: #4589ff;
    --cds-focus: #ffffff;
    --cds-focus-inset: #161616;
    --cds-button-primary: #0f62fe;
    --cds-button-primary-hover: #0050e6;
    --cds-button-primary-active: #002d9c;
    --cds-button-secondary: #6f6f6f;
    --cds-button-secondary-hover: #606060;
    --cds-button-danger: #da1e28;
    --cds-button-danger-hover: #ba1b23;
    --cds-support-error: #fa4d56;
    --cds-text-error: #ff8389;
    --cds-support-success: #42be65;
    --cds-support-warning: #f1c21b;
    --cds-support-info: #4589ff;
    --cds-notification-error: #262626;
    --cds-notification-success: #262626;
    --cds-notification-warning: #262626;
    --cds-notification-info: #262626;
    --cds-tag-blue-bg: #002d9c;
    --cds-tag-blue-fg: #a6c8ff;
    --cds-tag-green-bg: #0e6027;
    --cds-tag-green-fg: #a7f0ba;
    --cds-tag-red-bg: #750e13;
    --cds-tag-red-fg: #ffb3b8;
    --cds-tag-gray-bg: #393939;
    --cds-tag-gray-fg: #e0e0e0;
    --cds-tag-purple-bg: #491d8b;
    --cds-tag-purple-fg: #d4bbff;
    --cds-tag-cyan-bg: #003a6d;
    --cds-tag-cyan-fg: #82cfff;
    --cds-tag-teal-bg: #004144;
    --cds-tag-teal-fg: #3ddbd9;
    --cds-tag-magenta-bg: #740937;
    --cds-tag-magenta-fg: #ffafd2;
    --cds-shell-bg: #161616;
    --cds-shell-text: #f4f4f4;
    --cds-shell-hover: #2c2c2c;
    --cds-shell-border: #393939;
    --cds-overlay: #000000;
    --md-sys-color-primary: #a6c8ff;
    --md-sys-color-on-primary: #161616;
    --md-sys-color-primary-container: #002d9c;
    --md-sys-color-on-primary-container: #d0e2ff;
    --md-sys-color-secondary: #c6c6c6;
    --md-sys-color-on-secondary: #161616;
    --md-sys-color-secondary-container: #393939;
    --md-sys-color-on-secondary-container: #f4f4f4;
    --md-sys-color-tertiary: #be95ff;
    --md-sys-color-on-tertiary: #161616;
    --md-sys-color-tertiary-container: #491d8b;
    --md-sys-color-on-tertiary-container: #e8daff;
    --md-sys-color-error: #ff8389;
    --md-sys-color-on-error: #161616;
    --md-sys-color-error-container: #750e13;
    --md-sys-color-on-error-container: #ffd7d9;
    --md-sys-color-background: #161616;
    --md-sys-color-on-background: #f4f4f4;
    --md-sys-color-surface: #161616;
    --md-sys-color-on-surface: #f4f4f4;
    --md-sys-color-surface-variant: #393939;
    --md-sys-color-on-surface-variant: #e0e0e0;
    --md-sys-color-outline: #c6c6c6;
    --md-sys-color-outline-variant: #8d8d8d;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-inverse-surface: #f4f4f4;
    --md-sys-color-inverse-on-surface: #161616;
    --md-sys-color-inverse-primary: #0f62fe;
    --md-sys-color-surface-tint: #a6c8ff;
    --md-sys-color-surface-dim: #161616;
    --md-sys-color-surface-bright: #393939;
    --md-sys-color-surface-container-lowest: #262626;
    --md-sys-color-surface-container-low: #1c1c1c;
    --md-sys-color-surface-container: #262626;
    --md-sys-color-surface-container-high: #333333;
    --md-sys-color-surface-container-highest: #393939;
    --md-sys-color-success: #42be65;
    --md-sys-color-on-success: #161616;
    --md-sys-color-success-container: #0e6027;
    --md-sys-color-on-success-container: #a7f0ba;
  }
}