/* EOCube Design System tokens — generated from system/tokens.json, do not edit. */
@font-face{font-family:"IBM Plex Sans";src:url("./fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("./fonts/IBMPlexSans-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("./fonts/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("./fonts/IBMPlexSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("./fonts/IBMPlexSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("./fonts/IBMPlexMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("./fonts/IBMPlexMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("./fonts/IBMPlexMono-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root, [data-theme="light"] {
  color-scheme: light;
  --page: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #eceff4;
  --surface-3: #e1e6ee;
  --border: #d5dbe4;
  --border-strong: #74839a;
  --ink: #131c2e;
  --ink-2: #3b4658;
  --ink-muted: #5c6879;
  --ink-faint: #7d899c;
  --brand-navy: #1c355d;
  --brand-navy-hover: #26467a;
  --brand-navy-tint: #e4ebf5;
  --brand-text: #1c355d;
  --on-brand: #ffffff;
  --brand-teal: #09b3ad;
  --brand-teal-hover: #3fc9c2;
  --on-brand-muted: #ffffffd9;
  --on-brand-border: #ffffff47;
  --on-brand-warning: #f0b445;
  --accent: #0a7470;
  --accent-hover: #09615e;
  --accent-tint: #dcf3f1;
  --on-accent: #ffffff;
  --link: var(--accent);
  --code-keyword: var(--brand-text);
  --code-string: var(--success);
  --code-number: var(--danger);
  --code-function: var(--accent);
  --code-comment: var(--ink-muted);
  --success: #1f7a45;
  --success-tint: #e2f3e8;
  --warning: #8f5400;
  --warning-tint: #fdf2dc;
  --danger: #b3261e;
  --danger-tint: #fce9e7;
  --info: #2a5db0;
  --info-tint: #e4ecfa;
  --data-1: #2f63b8;
  --data-2: #e8683a;
  --data-3: #11998f;
  --data-4: #c48a00;
  --data-5: #d8477a;
  --data-6: #3d8a2a;
  --data-7: #6a5ac9;
  --data-8: #b8302a;
  --logo-plate: #ffffff;
  --map-aoi: var(--brand-teal);
  --map-footprint: #f2b84b;
  --map-selection: #ffffff;
  --burn-regrowth-high: #7a8737;
  --burn-regrowth-low: #acbe4d;
  --burn-unburned: #0ae242;
  --burn-low: #fff70b;
  --burn-moderate-low: #ffaf38;
  --burn-moderate-high: #ff641b;
  --burn-high: #a41fd6;
  --water-permanent: #1b4f8a;
  --water-flooded: #3b9de0;
  --water-receded: #a8d5f2;
  --suit-s1: #1a9850;
  --suit-s2: #91cf60;
  --suit-s3: #fee08b;
  --suit-n1: #fc8d59;
  --suit-n2: #d73027;
  --nodata: #00000000;
  --shadow-sm: 0 1px 2px #131c2e14;
  --shadow-md: 0 2px 6px #131c2e1a, 0 8px 24px -4px #131c2e26;
  --shadow-lg: 0 8px 16px -4px #131c2e26, 0 24px 48px -8px #131c2e33;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0a7470;
}
[data-theme="dark"] {
  color-scheme: dark;
  --page: #0d1320;
  --surface: #141b2b;
  --surface-2: #1b2436;
  --surface-3: #232e44;
  --border: #2b3750;
  --border-strong: #5f7196;
  --ink: #e6ecf5;
  --ink-2: #b5c0d2;
  --ink-muted: #8e9bb1;
  --ink-faint: #5d6b83;
  --brand-navy: #1c355d;
  --brand-navy-hover: #26467a;
  --brand-navy-tint: #1a2a45;
  --brand-text: #a9c0e6;
  --on-brand: #ffffff;
  --brand-teal: #09b3ad;
  --brand-teal-hover: #3fc9c2;
  --on-brand-muted: #ffffffd9;
  --on-brand-border: #ffffff47;
  --on-brand-warning: #f0b445;
  --accent: #3ecfc7;
  --accent-hover: #6adfd8;
  --accent-tint: #123634;
  --on-accent: #0d1320;
  --link: var(--accent);
  --code-keyword: var(--brand-text);
  --code-string: var(--success);
  --code-number: var(--danger);
  --code-function: var(--accent);
  --code-comment: var(--ink-muted);
  --success: #5ccb8a;
  --success-tint: #14301f;
  --warning: #f0b445;
  --warning-tint: #3a2a0c;
  --danger: #ff8a7f;
  --danger-tint: #3f1a17;
  --info: #7fb0f5;
  --info-tint: #16294a;
  --data-1: #4a89e0;
  --data-2: #d26d3e;
  --data-3: #20a29a;
  --data-4: #b88b14;
  --data-5: #d45c8e;
  --data-6: #4a9d36;
  --data-7: #8677dd;
  --data-8: #d0524b;
  --logo-plate: #ffffff;
  --map-aoi: var(--brand-teal);
  --map-footprint: #f2b84b;
  --map-selection: #ffffff;
  --burn-regrowth-high: #7a8737;
  --burn-regrowth-low: #acbe4d;
  --burn-unburned: #0ae242;
  --burn-low: #fff70b;
  --burn-moderate-low: #ffaf38;
  --burn-moderate-high: #ff641b;
  --burn-high: #a41fd6;
  --water-permanent: #1b4f8a;
  --water-flooded: #3b9de0;
  --water-receded: #a8d5f2;
  --suit-s1: #1a9850;
  --suit-s2: #91cf60;
  --suit-s3: #fee08b;
  --suit-n1: #fc8d59;
  --suit-n2: #d73027;
  --nodata: #00000000;
  --shadow-sm: 0 1px 2px #00000066;
  --shadow-md: 0 2px 6px #00000080, 0 8px 24px -4px #000000b3;
  --shadow-lg: 0 8px 16px -4px #000000b3, 0 24px 48px -8px #000000d9;
  --focus-ring: 0 0 0 2px #141b2b, 0 0 0 4px #3ecfc7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #0d1320;
    --surface: #141b2b;
    --surface-2: #1b2436;
    --surface-3: #232e44;
    --border: #2b3750;
    --border-strong: #5f7196;
    --ink: #e6ecf5;
    --ink-2: #b5c0d2;
    --ink-muted: #8e9bb1;
    --ink-faint: #5d6b83;
    --brand-navy: #1c355d;
    --brand-navy-hover: #26467a;
    --brand-navy-tint: #1a2a45;
    --brand-text: #a9c0e6;
    --on-brand: #ffffff;
    --brand-teal: #09b3ad;
    --brand-teal-hover: #3fc9c2;
    --on-brand-muted: #ffffffd9;
    --on-brand-border: #ffffff47;
    --on-brand-warning: #f0b445;
    --accent: #3ecfc7;
    --accent-hover: #6adfd8;
    --accent-tint: #123634;
    --on-accent: #0d1320;
    --link: var(--accent);
    --code-keyword: var(--brand-text);
    --code-string: var(--success);
    --code-number: var(--danger);
    --code-function: var(--accent);
    --code-comment: var(--ink-muted);
    --success: #5ccb8a;
    --success-tint: #14301f;
    --warning: #f0b445;
    --warning-tint: #3a2a0c;
    --danger: #ff8a7f;
    --danger-tint: #3f1a17;
    --info: #7fb0f5;
    --info-tint: #16294a;
    --data-1: #4a89e0;
    --data-2: #d26d3e;
    --data-3: #20a29a;
    --data-4: #b88b14;
    --data-5: #d45c8e;
    --data-6: #4a9d36;
    --data-7: #8677dd;
    --data-8: #d0524b;
    --logo-plate: #ffffff;
    --map-aoi: var(--brand-teal);
    --map-footprint: #f2b84b;
    --map-selection: #ffffff;
    --burn-regrowth-high: #7a8737;
    --burn-regrowth-low: #acbe4d;
    --burn-unburned: #0ae242;
    --burn-low: #fff70b;
    --burn-moderate-low: #ffaf38;
    --burn-moderate-high: #ff641b;
    --burn-high: #a41fd6;
    --water-permanent: #1b4f8a;
    --water-flooded: #3b9de0;
    --water-receded: #a8d5f2;
    --suit-s1: #1a9850;
    --suit-s2: #91cf60;
    --suit-s3: #fee08b;
    --suit-n1: #fc8d59;
    --suit-n2: #d73027;
    --nodata: #00000000;
    --shadow-sm: 0 1px 2px #00000066;
    --shadow-md: 0 2px 6px #00000080, 0 8px 24px -4px #000000b3;
    --shadow-lg: 0 8px 16px -4px #000000b3, 0 24px 48px -8px #000000d9;
    --focus-ring: 0 0 0 2px #141b2b, 0 0 0 4px #3ecfc7;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --header-height: 56px;
  --header-rule: 3px;
  --sidebar-width: 320px;
  --nav-width: 240px;
  --panel-width: 360px;
  --control-height: 36px;
  --control-height-sm: 32px;
  --control-height-lg: 40px;
  --prose-measure: 68ch;
  --content-max: 1200px;
  --bp-sm: 640px;
  --bp-md: 900px;
  --bp-nav: 720px;
  --z-map: 0;
  --z-map-controls: 10;
  --z-panel: 20;
  --z-header: 30;
  --z-popover: 40;
  --z-dialog: 50;
  --z-toast: 60;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
/* Material for MkDocs: the colour tokens per Material scheme (default = light, slate = dark). */
[data-md-color-scheme="default"] {
  color-scheme: light;
  --page: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #eceff4;
  --surface-3: #e1e6ee;
  --border: #d5dbe4;
  --border-strong: #74839a;
  --ink: #131c2e;
  --ink-2: #3b4658;
  --ink-muted: #5c6879;
  --ink-faint: #7d899c;
  --brand-navy: #1c355d;
  --brand-navy-hover: #26467a;
  --brand-navy-tint: #e4ebf5;
  --brand-text: #1c355d;
  --on-brand: #ffffff;
  --brand-teal: #09b3ad;
  --brand-teal-hover: #3fc9c2;
  --on-brand-muted: #ffffffd9;
  --on-brand-border: #ffffff47;
  --on-brand-warning: #f0b445;
  --accent: #0a7470;
  --accent-hover: #09615e;
  --accent-tint: #dcf3f1;
  --on-accent: #ffffff;
  --link: var(--accent);
  --code-keyword: var(--brand-text);
  --code-string: var(--success);
  --code-number: var(--danger);
  --code-function: var(--accent);
  --code-comment: var(--ink-muted);
  --success: #1f7a45;
  --success-tint: #e2f3e8;
  --warning: #8f5400;
  --warning-tint: #fdf2dc;
  --danger: #b3261e;
  --danger-tint: #fce9e7;
  --info: #2a5db0;
  --info-tint: #e4ecfa;
  --data-1: #2f63b8;
  --data-2: #e8683a;
  --data-3: #11998f;
  --data-4: #c48a00;
  --data-5: #d8477a;
  --data-6: #3d8a2a;
  --data-7: #6a5ac9;
  --data-8: #b8302a;
  --logo-plate: #ffffff;
  --map-aoi: var(--brand-teal);
  --map-footprint: #f2b84b;
  --map-selection: #ffffff;
  --burn-regrowth-high: #7a8737;
  --burn-regrowth-low: #acbe4d;
  --burn-unburned: #0ae242;
  --burn-low: #fff70b;
  --burn-moderate-low: #ffaf38;
  --burn-moderate-high: #ff641b;
  --burn-high: #a41fd6;
  --water-permanent: #1b4f8a;
  --water-flooded: #3b9de0;
  --water-receded: #a8d5f2;
  --suit-s1: #1a9850;
  --suit-s2: #91cf60;
  --suit-s3: #fee08b;
  --suit-n1: #fc8d59;
  --suit-n2: #d73027;
  --nodata: #00000000;
  --shadow-sm: 0 1px 2px #131c2e14;
  --shadow-md: 0 2px 6px #131c2e1a, 0 8px 24px -4px #131c2e26;
  --shadow-lg: 0 8px 16px -4px #131c2e26, 0 24px 48px -8px #131c2e33;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0a7470;
}
[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --page: #0d1320;
  --surface: #141b2b;
  --surface-2: #1b2436;
  --surface-3: #232e44;
  --border: #2b3750;
  --border-strong: #5f7196;
  --ink: #e6ecf5;
  --ink-2: #b5c0d2;
  --ink-muted: #8e9bb1;
  --ink-faint: #5d6b83;
  --brand-navy: #1c355d;
  --brand-navy-hover: #26467a;
  --brand-navy-tint: #1a2a45;
  --brand-text: #a9c0e6;
  --on-brand: #ffffff;
  --brand-teal: #09b3ad;
  --brand-teal-hover: #3fc9c2;
  --on-brand-muted: #ffffffd9;
  --on-brand-border: #ffffff47;
  --on-brand-warning: #f0b445;
  --accent: #3ecfc7;
  --accent-hover: #6adfd8;
  --accent-tint: #123634;
  --on-accent: #0d1320;
  --link: var(--accent);
  --code-keyword: var(--brand-text);
  --code-string: var(--success);
  --code-number: var(--danger);
  --code-function: var(--accent);
  --code-comment: var(--ink-muted);
  --success: #5ccb8a;
  --success-tint: #14301f;
  --warning: #f0b445;
  --warning-tint: #3a2a0c;
  --danger: #ff8a7f;
  --danger-tint: #3f1a17;
  --info: #7fb0f5;
  --info-tint: #16294a;
  --data-1: #4a89e0;
  --data-2: #d26d3e;
  --data-3: #20a29a;
  --data-4: #b88b14;
  --data-5: #d45c8e;
  --data-6: #4a9d36;
  --data-7: #8677dd;
  --data-8: #d0524b;
  --logo-plate: #ffffff;
  --map-aoi: var(--brand-teal);
  --map-footprint: #f2b84b;
  --map-selection: #ffffff;
  --burn-regrowth-high: #7a8737;
  --burn-regrowth-low: #acbe4d;
  --burn-unburned: #0ae242;
  --burn-low: #fff70b;
  --burn-moderate-low: #ffaf38;
  --burn-moderate-high: #ff641b;
  --burn-high: #a41fd6;
  --water-permanent: #1b4f8a;
  --water-flooded: #3b9de0;
  --water-receded: #a8d5f2;
  --suit-s1: #1a9850;
  --suit-s2: #91cf60;
  --suit-s3: #fee08b;
  --suit-n1: #fc8d59;
  --suit-n2: #d73027;
  --nodata: #00000000;
  --shadow-sm: 0 1px 2px #00000066;
  --shadow-md: 0 2px 6px #00000080, 0 8px 24px -4px #000000b3;
  --shadow-lg: 0 8px 16px -4px #000000b3, 0 24px 48px -8px #000000d9;
  --focus-ring: 0 0 0 2px #141b2b, 0 0 0 4px #3ecfc7;
}