@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";

/* tokens/esc-tokens.css */
:root {
  --esc-charcoal: #1C1D21;
  --esc-charcoal-hover: #101114;
  --esc-electric: #2F6FED;
  --esc-electric-hover: #2557BE;
  --esc-electric-focus-ring: rgba(47, 111, 237, 0.25);
  --esc-charcoal-900: var(--esc-charcoal);
  --esc-charcoal-700: #33343A;
  --esc-charcoal-500: #5B5D66;
  --esc-charcoal-300: #9A9CA6;
  --esc-charcoal-100: #E3E4E8;
  --esc-electric-900: #173E8A;
  --esc-electric-700: var(--esc-electric-hover);
  --esc-electric-500: var(--esc-electric);
  --esc-electric-300: #8FB4FA;
  --esc-electric-100: #DCE8FE;
  --esc-text: #17181B;
  --esc-text-muted: #6B6D76;
  --esc-text-note: #3F4148;
  --esc-ground: #F7F7F8;
  --esc-surface: #FFFFFF;
  --esc-surface-tint:#EEF0F3;
  --esc-border: #E3E4E8;
  --esc-positive: #2E6E49;
  --esc-warning: #C97A2E;
  --esc-critical: #A6402C;
  --esc-upcoming: #C4C6CC;
  --esc-font-display:
    "Inter",
    ui-sans-serif,
    system-ui,
    sans-serif;
  --esc-font-body:
    "Inter",
    ui-sans-serif,
    system-ui,
    sans-serif;
  --esc-font-mono:
    "Inter",
    ui-sans-serif,
    system-ui,
    sans-serif;
  --esc-fw-body-regular: 400;
  --esc-fw-body-medium: 500;
  --esc-fw-body-bold: 700;
  --esc-fw-display-medium: 600;
  --esc-fw-display-bold: 700;
  --esc-fw-mono-regular: 400;
  --esc-fw-mono-bold: 600;
  --esc-fs-display-lg: 52px;
  --esc-lh-display-lg: 1.08;
  --esc-fs-h1: 40px;
  --esc-lh-h1: 1.1;
  --esc-fs-h2: 26px;
  --esc-lh-h2: 1.2;
  --esc-fs-h3: 17px;
  --esc-lh-h3: 1.25;
  --esc-fs-body: 16px;
  --esc-lh-body: 1.5;
  --esc-fs-small: 13px;
  --esc-lh-small: 1.5;
  --esc-fs-micro: 11px;
  --esc-lh-micro: 1.4;
  --esc-fs-eyebrow: 12px;
  --esc-space-1: 4px;
  --esc-space-2: 8px;
  --esc-space-3: 12px;
  --esc-space-4: 16px;
  --esc-space-5: 20px;
  --esc-space-6: 24px;
  --esc-space-8: 32px;
  --esc-space-10: 40px;
  --esc-space-14: 56px;
  --esc-space-18: 72px;
  --esc-radius-badge: 4px;
  --esc-radius-md: 8px;
  --esc-radius-round: 50%;
  --esc-shadow-card: none;
  --esc-shadow-hover: 0 2px 8px -4px rgba(23, 24, 27, 0.18);
}
@media (prefers-color-scheme: dark) {
  :root {
    --esc-charcoal: #4A4C56;
    --esc-charcoal-hover: #5C5E69;
    --esc-electric: #5B93FF;
    --esc-electric-hover: #7BA7FF;
    --esc-electric-focus-ring: rgba(91, 147, 255, 0.3);
    --esc-charcoal-700: #5C5E69;
    --esc-charcoal-500: #7D7F89;
    --esc-charcoal-300: #AEB0B8;
    --esc-charcoal-100: #2E2F34;
    --esc-electric-300: #A9C6FB;
    --esc-electric-100: #1B2C4D;
    --esc-text: #F2F3F5;
    --esc-text-muted: #9A9CA6;
    --esc-text-note: #C7C9D1;
    --esc-ground: #131316;
    --esc-surface: #1C1D21;
    --esc-surface-tint:#232429;
    --esc-border: #303136;
  }
}

/* tokens/colors.css */
:root {
  --esc-color-cta: var(--esc-charcoal);
  --esc-color-cta-hover: var(--esc-charcoal-hover);
  --esc-color-link: var(--esc-electric);
  --esc-color-link-hover: var(--esc-electric-hover);
  --esc-color-text: var(--esc-text);
  --esc-color-text-muted: var(--esc-text-muted);
  --esc-color-bg: var(--esc-ground);
  --esc-color-surface: var(--esc-surface);
  --esc-color-surface-tint: var(--esc-surface-tint);
  --esc-color-border: var(--esc-border);
  --esc-color-status-done: var(--esc-positive);
  --esc-color-status-warning: var(--esc-warning);
  --esc-color-status-critical: var(--esc-critical);
  --esc-color-status-upcoming: var(--esc-upcoming);
}

/* tokens/typography.css */
.esc-type-display {
  font-family: var(--esc-font-display);
  font-weight: var(--esc-fw-display-bold);
}
.esc-type-body {
  font-family: var(--esc-font-body);
  font-weight: var(--esc-fw-body-regular);
}
.esc-type-mono {
  font-family: var(--esc-font-mono);
  font-weight: var(--esc-fw-mono-regular);
  font-variant-numeric: tabular-nums;
}
.esc-type-eyebrow {
  font-family: var(--esc-font-mono);
  font-size: var(--esc-fs-eyebrow);
  font-weight: var(--esc-fw-mono-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* tokens/spacing.css */
.esc-gap-1 {
  gap: var(--esc-space-1);
}
.esc-gap-2 {
  gap: var(--esc-space-2);
}
.esc-gap-3 {
  gap: var(--esc-space-3);
}
.esc-gap-4 {
  gap: var(--esc-space-4);
}
.esc-gap-5 {
  gap: var(--esc-space-5);
}
.esc-gap-6 {
  gap: var(--esc-space-6);
}
.esc-gap-8 {
  gap: var(--esc-space-8);
}
.esc-section {
  padding-top: var(--esc-space-14);
  padding-bottom: var(--esc-space-14);
}
.esc-container {
  max-width: 1080px;
  margin: 0 auto;
  padding-left: var(--esc-space-6);
  padding-right: var(--esc-space-6);
}

/* tokens/shadows.css */
.esc-radius-badge {
  border-radius: var(--esc-radius-badge);
}
.esc-radius-md {
  border-radius: var(--esc-radius-md);
}
.esc-radius-round {
  border-radius: var(--esc-radius-round);
}
.esc-elevation-flat {
  box-shadow: var(--esc-shadow-card);
  border: 1px solid var(--esc-border);
}
.esc-elevation-hover:hover {
  box-shadow: var(--esc-shadow-hover);
}

/* tokens/chart-colors.css */
:root {
  --esc-chart-1: #2F6FED;
  --esc-chart-2: #10B981;
  --esc-chart-3: #F59E0B;
  --esc-chart-4: #A855F7;
  --esc-chart-sequential: #2F6FED;
  --esc-chart-baseline: #9A9CA6;
  --esc-chart-projected: #2F6FED;
  --esc-chart-grid: #E3E4E8;
  --esc-chart-area-opacity: 0.10;
}
@media (prefers-color-scheme: dark) {
  :root {
    --esc-chart-1: #4680EE;
    --esc-chart-2: #119E76;
    --esc-chart-3: #C2871F;
    --esc-chart-4: #9550D5;
    --esc-chart-sequential: #4680EE;
    --esc-chart-baseline: #71737C;
    --esc-chart-projected: #4680EE;
    --esc-chart-grid: #303136;
  }
}

/* styles.css */