/*
 * GENERATED FILE -- do not edit by hand.
 * Source: packages/theme/tokens.json
 * Regenerate: npm run generate (inside packages/theme)
 */

:root {
  /* -- primitive scale (spacing, radius, type, motion) -- same in every theme */
  --hf-spacing-0: 0px;
  --hf-spacing-1: 4px;
  --hf-spacing-2: 8px;
  --hf-spacing-3: 12px;
  --hf-spacing-4: 16px;
  --hf-spacing-5: 20px;
  --hf-spacing-6: 24px;
  --hf-spacing-8: 32px;
  --hf-spacing-10: 40px;
  --hf-spacing-12: 48px;
  --hf-spacing-16: 64px;
  --hf-spacing-20: 80px;
  --hf-spacing-24: 96px;
  --hf-radius-none: 0px;
  --hf-radius-sm: 2px;
  --hf-radius-md: 4px;
  --hf-radius-lg: 8px;
  --hf-radius-full: 9999px;
  --hf-border-width-1: 1px;
  --hf-border-width-2: 2px;
  --hf-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --hf-font-family-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, "Liberation Mono", monospace;
  --hf-font-size-xs: 11px;
  --hf-font-size-sm: 12px;
  --hf-font-size-base: 14px;
  --hf-font-size-md: 16px;
  --hf-font-size-lg: 18px;
  --hf-font-size-xl: 22px;
  --hf-font-size-2xl: 28px;
  --hf-font-size-3xl: 36px;
  --hf-font-weight-regular: 400;
  --hf-font-weight-medium: 500;
  --hf-font-weight-semibold: 600;
  --hf-font-weight-bold: 700;
  --hf-line-height-tight: 1.15;
  --hf-line-height-normal: 1.4;
  --hf-line-height-relaxed: 1.6;
  --hf-duration-fast: 100ms;
  --hf-duration-base: 150ms;
  --hf-easing-standard: cubic-bezier(0.2, 0, 0, 1);

  /* -- default theme: field-dark -- overridden by [data-theme] below */
  --hf-surface-default: #111213;
  --hf-surface-raised: #222326;
  --hf-surface-sunken: #0a0a0b;
  --hf-surface-overlay: #2b2d31;
  --hf-text-primary: #f4f5f5;
  --hf-text-secondary: #b9bcc1;
  --hf-text-muted: #9ba0a6;
  --hf-text-inverse: #0a0a0b;
  --hf-text-disabled: #565b61;
  --hf-border-subtle: #2b2d31;
  --hf-border-default: #46494e;
  --hf-border-strong: #696f77;
  --hf-accent-interactive: #4991d4;
  --hf-accent-interactive-hover: #6aa5dc;
  --hf-accent-interactive-active: #2f7dc6;
  --hf-accent-on-accent: #0a0a0b;
  --hf-focus-ring: #6aa5dc;
  --hf-status-good-fill: #1d7c49;
  --hf-status-good-on: #ffffff;
  --hf-status-good-text: #49d48a;
  --hf-status-fair-fill: #9d7925;
  --hf-status-fair-on: #0a0a0b;
  --hf-status-fair-text: #d4ab49;
  --hf-status-poor-fill: #844b1f;
  --hf-status-poor-on: #f4f5f5;
  --hf-status-poor-text: #d48649;
  --hf-status-closed-fill: #a53127;
  --hf-status-closed-on: #f4f5f5;
  --hf-status-closed-text: #d45549;
  --hf-status-stale-fill: #586574;
  --hf-status-stale-on: #f4f5f5;
  --hf-status-stale-text: #96a2b0;
  --hf-card-padding: 16px;
  --hf-card-gap: 12px;
  --hf-card-radius: 4px;
  --hf-card-background: #222326;
  --hf-card-border: #2b2d31;
  --hf-button-padding-x: 16px;
  --hf-button-padding-y: 8px;
  --hf-button-radius: 2px;
  --hf-button-background: #4991d4;
  --hf-button-background-hover: #6aa5dc;
  --hf-button-background-active: #2f7dc6;
  --hf-button-foreground: #0a0a0b;
  --hf-button-border: #4991d4;
  --hf-badge-padding-x: 8px;
  --hf-badge-padding-y: 4px;
  --hf-badge-radius: 9999px;
  --hf-badge-gap: 4px;
  --hf-badge-border: #46494e;
  --hf-data-row-padding-x: 12px;
  --hf-data-row-padding-y: 8px;
  --hf-data-row-background: #222326;
  --hf-data-row-background-alt: #0a0a0b;
  --hf-data-row-border: #2b2d31;
  --hf-data-row-value-foreground: #f4f5f5;
  --hf-data-row-timestamp-foreground: #9ba0a6;
  --hf-focus-ring-width: 2px;
  --hf-focus-ring-offset: 0px;
  --hf-focus-ring-color: #6aa5dc;
  --hf-map-background: #111213;
  --hf-map-land: #111213;
  --hf-map-water: #0a0a0b;
  --hf-map-building: #222326;
  --hf-map-boundary: #46494e;
  --hf-map-road: #696f77;
  --hf-map-label: #b9bcc1;
  --hf-map-label-halo: #111213;
  --hf-sequential-0: #00204d;
  --hf-sequential-1: #00336f;
  --hf-sequential-2: #39486b;
  --hf-sequential-3: #575d6d;
  --hf-sequential-4: #707173;
  --hf-sequential-5: #8a8678;
  --hf-sequential-6: #a69d75;
  --hf-sequential-7: #ffea46;
  --hf-categorical-0: #e69f00;
  --hf-categorical-1: #56b4e9;
  --hf-categorical-2: #009e73;
  --hf-categorical-3: #f0e442;
  --hf-categorical-4: #0072b2;
  --hf-categorical-5: #d55e00;
  --hf-categorical-6: #cc79a7;
  --hf-categorical-7: #999999;
}

[data-theme="field-dark"] {
  --hf-surface-default: #111213;
  --hf-surface-raised: #222326;
  --hf-surface-sunken: #0a0a0b;
  --hf-surface-overlay: #2b2d31;
  --hf-text-primary: #f4f5f5;
  --hf-text-secondary: #b9bcc1;
  --hf-text-muted: #9ba0a6;
  --hf-text-inverse: #0a0a0b;
  --hf-text-disabled: #565b61;
  --hf-border-subtle: #2b2d31;
  --hf-border-default: #46494e;
  --hf-border-strong: #696f77;
  --hf-accent-interactive: #4991d4;
  --hf-accent-interactive-hover: #6aa5dc;
  --hf-accent-interactive-active: #2f7dc6;
  --hf-accent-on-accent: #0a0a0b;
  --hf-focus-ring: #6aa5dc;
  --hf-status-good-fill: #1d7c49;
  --hf-status-good-on: #ffffff;
  --hf-status-good-text: #49d48a;
  --hf-status-fair-fill: #9d7925;
  --hf-status-fair-on: #0a0a0b;
  --hf-status-fair-text: #d4ab49;
  --hf-status-poor-fill: #844b1f;
  --hf-status-poor-on: #f4f5f5;
  --hf-status-poor-text: #d48649;
  --hf-status-closed-fill: #a53127;
  --hf-status-closed-on: #f4f5f5;
  --hf-status-closed-text: #d45549;
  --hf-status-stale-fill: #586574;
  --hf-status-stale-on: #f4f5f5;
  --hf-status-stale-text: #96a2b0;
  --hf-card-padding: 16px;
  --hf-card-gap: 12px;
  --hf-card-radius: 4px;
  --hf-card-background: #222326;
  --hf-card-border: #2b2d31;
  --hf-button-padding-x: 16px;
  --hf-button-padding-y: 8px;
  --hf-button-radius: 2px;
  --hf-button-background: #4991d4;
  --hf-button-background-hover: #6aa5dc;
  --hf-button-background-active: #2f7dc6;
  --hf-button-foreground: #0a0a0b;
  --hf-button-border: #4991d4;
  --hf-badge-padding-x: 8px;
  --hf-badge-padding-y: 4px;
  --hf-badge-radius: 9999px;
  --hf-badge-gap: 4px;
  --hf-badge-border: #46494e;
  --hf-data-row-padding-x: 12px;
  --hf-data-row-padding-y: 8px;
  --hf-data-row-background: #222326;
  --hf-data-row-background-alt: #0a0a0b;
  --hf-data-row-border: #2b2d31;
  --hf-data-row-value-foreground: #f4f5f5;
  --hf-data-row-timestamp-foreground: #9ba0a6;
  --hf-focus-ring-width: 2px;
  --hf-focus-ring-offset: 0px;
  --hf-focus-ring-color: #6aa5dc;
  --hf-map-background: #111213;
  --hf-map-land: #111213;
  --hf-map-water: #0a0a0b;
  --hf-map-building: #222326;
  --hf-map-boundary: #46494e;
  --hf-map-road: #696f77;
  --hf-map-label: #b9bcc1;
  --hf-map-label-halo: #111213;
  --hf-sequential-0: #00204d;
  --hf-sequential-1: #00336f;
  --hf-sequential-2: #39486b;
  --hf-sequential-3: #575d6d;
  --hf-sequential-4: #707173;
  --hf-sequential-5: #8a8678;
  --hf-sequential-6: #a69d75;
  --hf-sequential-7: #ffea46;
  --hf-categorical-0: #e69f00;
  --hf-categorical-1: #56b4e9;
  --hf-categorical-2: #009e73;
  --hf-categorical-3: #f0e442;
  --hf-categorical-4: #0072b2;
  --hf-categorical-5: #d55e00;
  --hf-categorical-6: #cc79a7;
  --hf-categorical-7: #999999;
}

[data-theme="field-light"] {
  --hf-surface-default: #f4f5f5;
  --hf-surface-raised: #ffffff;
  --hf-surface-sunken: #d9dbdd;
  --hf-surface-overlay: #ffffff;
  --hf-text-primary: #0a0a0b;
  --hf-text-secondary: #46494e;
  --hf-text-muted: #565b61;
  --hf-text-inverse: #f4f5f5;
  --hf-text-disabled: #80868e;
  --hf-border-subtle: #b9bcc1;
  --hf-border-default: #9ba0a6;
  --hf-border-strong: #696f77;
  --hf-accent-interactive: #2768a5;
  --hf-accent-interactive-hover: #1f5384;
  --hf-accent-interactive-active: #173e63;
  --hf-accent-on-accent: #f4f5f5;
  --hf-focus-ring: #2768a5;
  --hf-status-good-fill: #1d7c49;
  --hf-status-good-on: #ffffff;
  --hf-status-good-text: #17633b;
  --hf-status-fair-fill: #a57f27;
  --hf-status-fair-on: #0a0a0b;
  --hf-status-fair-text: #634c17;
  --hf-status-poor-fill: #844b1f;
  --hf-status-poor-on: #ffffff;
  --hf-status-poor-text: #633817;
  --hf-status-closed-fill: #84271f;
  --hf-status-closed-on: #ffffff;
  --hf-status-closed-text: #84271f;
  --hf-status-stale-fill: #586574;
  --hf-status-stale-on: #ffffff;
  --hf-status-stale-text: #46505d;
  --hf-card-padding: 16px;
  --hf-card-gap: 12px;
  --hf-card-radius: 4px;
  --hf-card-background: #ffffff;
  --hf-card-border: #b9bcc1;
  --hf-button-padding-x: 16px;
  --hf-button-padding-y: 8px;
  --hf-button-radius: 2px;
  --hf-button-background: #2768a5;
  --hf-button-background-hover: #1f5384;
  --hf-button-background-active: #173e63;
  --hf-button-foreground: #f4f5f5;
  --hf-button-border: #2768a5;
  --hf-badge-padding-x: 8px;
  --hf-badge-padding-y: 4px;
  --hf-badge-radius: 9999px;
  --hf-badge-gap: 4px;
  --hf-badge-border: #9ba0a6;
  --hf-data-row-padding-x: 12px;
  --hf-data-row-padding-y: 8px;
  --hf-data-row-background: #ffffff;
  --hf-data-row-background-alt: #d9dbdd;
  --hf-data-row-border: #b9bcc1;
  --hf-data-row-value-foreground: #0a0a0b;
  --hf-data-row-timestamp-foreground: #565b61;
  --hf-focus-ring-width: 2px;
  --hf-focus-ring-offset: 0px;
  --hf-focus-ring-color: #2768a5;
  --hf-map-background: #f4f5f5;
  --hf-map-land: #f4f5f5;
  --hf-map-water: #d9dbdd;
  --hf-map-building: #ffffff;
  --hf-map-boundary: #9ba0a6;
  --hf-map-road: #696f77;
  --hf-map-label: #46494e;
  --hf-map-label-halo: #f4f5f5;
  --hf-sequential-0: #00204d;
  --hf-sequential-1: #00336f;
  --hf-sequential-2: #39486b;
  --hf-sequential-3: #575d6d;
  --hf-sequential-4: #707173;
  --hf-sequential-5: #8a8678;
  --hf-sequential-6: #a69d75;
  --hf-sequential-7: #ffea46;
  --hf-categorical-0: #e69f00;
  --hf-categorical-1: #56b4e9;
  --hf-categorical-2: #009e73;
  --hf-categorical-3: #f0e442;
  --hf-categorical-4: #0072b2;
  --hf-categorical-5: #d55e00;
  --hf-categorical-6: #cc79a7;
  --hf-categorical-7: #999999;
}

[data-theme="night-ops"] {
  --hf-surface-default: #180807;
  --hf-surface-raised: #220d0b;
  --hf-surface-sunken: #100504;
  --hf-surface-overlay: #220d0b;
  --hf-text-primary: #f1a59d;
  --hf-text-secondary: #d37369;
  --hf-text-muted: #c46d64;
  --hf-text-inverse: #180807;
  --hf-text-disabled: #865750;
  --hf-border-subtle: #2d1d1b;
  --hf-border-default: #533632;
  --hf-border-strong: #865750;
  --hf-accent-interactive: #bf223c;
  --hf-accent-interactive-hover: #ee8b9c;
  --hf-accent-interactive-active: #f1a59d;
  --hf-accent-on-accent: #fbefec;
  --hf-focus-ring: #ee8b9c;
  --hf-status-good-fill: #cda11d;
  --hf-status-good-on: #180807;
  --hf-status-good-text: #ebd48e;
  --hf-status-fair-fill: #cd751d;
  --hf-status-fair-on: #180807;
  --hf-status-fair-text: #ebbd8e;
  --hf-status-poor-fill: #ad421f;
  --hf-status-poor-on: #fbefec;
  --hf-status-poor-text: #e89f87;
  --hf-status-closed-fill: #b12525;
  --hf-status-closed-on: #fbefec;
  --hf-status-closed-text: #ea9090;
  --hf-status-stale-fill: #7a645c;
  --hf-status-stale-on: #fbefec;
  --hf-status-stale-text: #b4a29c;
  --hf-card-padding: 16px;
  --hf-card-gap: 12px;
  --hf-card-radius: 4px;
  --hf-card-background: #220d0b;
  --hf-card-border: #2d1d1b;
  --hf-button-padding-x: 16px;
  --hf-button-padding-y: 8px;
  --hf-button-radius: 2px;
  --hf-button-background: #bf223c;
  --hf-button-background-hover: #ee8b9c;
  --hf-button-background-active: #f1a59d;
  --hf-button-foreground: #fbefec;
  --hf-button-border: #bf223c;
  --hf-badge-padding-x: 8px;
  --hf-badge-padding-y: 4px;
  --hf-badge-radius: 9999px;
  --hf-badge-gap: 4px;
  --hf-badge-border: #533632;
  --hf-data-row-padding-x: 12px;
  --hf-data-row-padding-y: 8px;
  --hf-data-row-background: #220d0b;
  --hf-data-row-background-alt: #100504;
  --hf-data-row-border: #2d1d1b;
  --hf-data-row-value-foreground: #f1a59d;
  --hf-data-row-timestamp-foreground: #c46d64;
  --hf-focus-ring-width: 2px;
  --hf-focus-ring-offset: 0px;
  --hf-focus-ring-color: #ee8b9c;
  --hf-map-background: #180807;
  --hf-map-land: #180807;
  --hf-map-water: #100504;
  --hf-map-building: #220d0b;
  --hf-map-boundary: #533632;
  --hf-map-road: #865750;
  --hf-map-label: #d37369;
  --hf-map-label-halo: #180807;
  --hf-sequential-0: #2a1310;
  --hf-sequential-1: #4a201a;
  --hf-sequential-2: #743224;
  --hf-sequential-3: #a5492a;
  --hf-sequential-4: #cf6b2f;
  --hf-sequential-5: #e89a3f;
  --hf-sequential-6: #f5c469;
  --hf-sequential-7: #fbe6ad;
  --hf-categorical-0: #dfb920;
  --hf-categorical-1: #d6995c;
  --hf-categorical-2: #df4620;
  --hf-categorical-3: #d65c66;
  --hf-categorical-4: #df2070;
  --hf-categorical-5: #816b56;
}

