/* Generated by tools/make-tokens from color/PALETTE.md. Do not edit -- edit PALETTE.md and regenerate. palette 7de9b931c60a -- resolve to a release in CHANGELOG.md. */

:root {
  color-scheme: light;

  /* Ramps -- mode-invariant. Roles below resolve to these. */
  --hron-gray-0: #ffffff;
  --hron-gray-50: #e7effb;
  --hron-gray-100: #cce0ff;
  --hron-gray-150: #b9d0f3;
  --hron-gray-200: #aac0e2;
  --hron-gray-300: #8a9fc1;
  --hron-gray-400: #6d81a2;
  --hron-gray-500: #516483;
  --hron-gray-600: #364966;
  --hron-gray-700: #1d2e4a;
  --hron-gray-800: #06152f;
  --hron-gray-1000: #000000;
  --hron-mono-0: #ffffff;
  --hron-mono-50: #eeeeee;
  --hron-mono-100: #dedede;
  --hron-mono-150: #cecece;
  --hron-mono-200: #bebebe;
  --hron-mono-300: #9e9e9e;
  --hron-mono-400: #808080;
  --hron-mono-500: #636363;
  --hron-mono-600: #484848;
  --hron-mono-700: #2e2e2e;
  --hron-mono-800: #161616;
  --hron-mono-1000: #000000;
  --hron-blue-100: #d2e4ff;
  --hron-blue-150: #b9d4ff;
  --hron-blue-200: #a2c6ff;
  --hron-blue-250: #89b6ff;
  --hron-blue-300: #6fa6ff;
  --hron-blue-350: #5697ff;
  --hron-blue-400: #3985ff;
  --hron-blue-450: #0c72ff;
  --hron-blue-500: #0064e9;
  --hron-blue-550: #0058ce;
  --hron-blue-600: #004bb3;
  --hron-blue-650: #003f98;
  --hron-blue-700: #003583;

  /* Light mode */
  --hron-surface-page: #ffffff;
  --hron-surface-panel: #e7effb;
  --hron-ink-primary: #000000;
  --hron-ink-secondary: #364966;
  --hron-ink-muted: #516483;
  --hron-mark-quiet: #6d81a2;
  --hron-rule: #000000;
  --hron-border: #aac0e2;
  --hron-gridline: #b9d0f3;
  --hron-link: #0064e9;
  --hron-accent-fill: #0064e9;
  --hron-accent-fill-hover: #0058ce;
  --hron-accent-fill-active: #004bb3;
  --hron-on-accent: #ffffff;
  --hron-quiet-fill-hover: #cce0ff;
  --hron-quiet-fill-active: #b9d0f3;
  --hron-focus-ring: #0064e9;
  --hron-series-1: #0064e9;
  --hron-series-2: #00d29b;
  --hron-series-3: #522bb4;
  --hron-series-4: #a80009;
  --hron-series-5: #f159a7;
  --hron-series-6: #cf8400;
  --hron-series-7: #bc70f7;
  --hron-series-8: #0d8800;
  --hron-status-nominal-mark: #0ca30c;
  --hron-status-advisory-mark: #00c2ca;
  --hron-status-caution-mark: #fab219;
  --hron-status-warning-mark: #d03b3b;
  --hron-status-unknown-mark: #6d81a2;
  --hron-status-nominal-text: #006300;
  --hron-status-advisory-text: #00787d;
  --hron-status-caution-text: #8a5a00;
  --hron-status-warning-text: #b3241f;
  --hron-status-unknown-text: #516483;
  --hron-status-nominal-surface: #b8f0b3;
  --hron-status-advisory-surface: #87f2f8;
  --hron-status-caution-surface: #ffd799;
  --hron-status-warning-surface: #ffd2cd;
  --hron-status-unknown-surface: #cce0ff;
}

@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --hron-surface-page: #000000;
    --hron-surface-panel: #06152f;
    --hron-ink-primary: #ffffff;
    --hron-ink-secondary: #aac0e2;
    --hron-ink-muted: #8a9fc1;
    --hron-mark-quiet: #6d81a2;
    --hron-rule: #ffffff;
    --hron-border: #364966;
    --hron-gridline: #1d2e4a;
    --hron-link: #3985ff;
    --hron-accent-fill: #3985ff;
    --hron-accent-fill-hover: #5697ff;
    --hron-accent-fill-active: #6fa6ff;
    --hron-on-accent: #000000;
    --hron-quiet-fill-hover: #1d2e4a;
    --hron-quiet-fill-active: #364966;
    --hron-focus-ring: #3985ff;
    --hron-series-1: #3985ff;
    --hron-series-2: #00ae80;
    --hron-series-3: #5f3cc5;
    --hron-series-4: #b9050e;
    --hron-series-5: #d94393;
    --hron-series-6: #c17a00;
    --hron-series-7: #a85be1;
    --hron-series-8: #0d8800;
    --hron-status-nominal-mark: #0ca30c;
    --hron-status-advisory-mark: #00c2ca;
    --hron-status-caution-mark: #fab219;
    --hron-status-warning-mark: #d03b3b;
    --hron-status-unknown-mark: #6d81a2;
    --hron-status-nominal-text: #0ca30c;
    --hron-status-advisory-text: #00c2ca;
    --hron-status-caution-text: #fab219;
    --hron-status-warning-text: #e66767;
    --hron-status-unknown-text: #8a9fc1;
    --hron-status-nominal-surface: #013901;
    --hron-status-advisory-surface: #003538;
    --hron-status-caution-surface: #3f2900;
    --hron-status-warning-surface: #551111;
    --hron-status-unknown-surface: #1d2e4a;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --hron-surface-page: #000000;
  --hron-surface-panel: #06152f;
  --hron-ink-primary: #ffffff;
  --hron-ink-secondary: #aac0e2;
  --hron-ink-muted: #8a9fc1;
  --hron-mark-quiet: #6d81a2;
  --hron-rule: #ffffff;
  --hron-border: #364966;
  --hron-gridline: #1d2e4a;
  --hron-link: #3985ff;
  --hron-accent-fill: #3985ff;
  --hron-accent-fill-hover: #5697ff;
  --hron-accent-fill-active: #6fa6ff;
  --hron-on-accent: #000000;
  --hron-quiet-fill-hover: #1d2e4a;
  --hron-quiet-fill-active: #364966;
  --hron-focus-ring: #3985ff;
  --hron-series-1: #3985ff;
  --hron-series-2: #00ae80;
  --hron-series-3: #5f3cc5;
  --hron-series-4: #b9050e;
  --hron-series-5: #d94393;
  --hron-series-6: #c17a00;
  --hron-series-7: #a85be1;
  --hron-series-8: #0d8800;
  --hron-status-nominal-mark: #0ca30c;
  --hron-status-advisory-mark: #00c2ca;
  --hron-status-caution-mark: #fab219;
  --hron-status-warning-mark: #d03b3b;
  --hron-status-unknown-mark: #6d81a2;
  --hron-status-nominal-text: #0ca30c;
  --hron-status-advisory-text: #00c2ca;
  --hron-status-caution-text: #fab219;
  --hron-status-warning-text: #e66767;
  --hron-status-unknown-text: #8a9fc1;
  --hron-status-nominal-surface: #013901;
  --hron-status-advisory-surface: #003538;
  --hron-status-caution-surface: #3f2900;
  --hron-status-warning-surface: #551111;
  --hron-status-unknown-surface: #1d2e4a;
}