/* Generated by tokens_to_css.py — edit tokens.json, not this file. */

:root {
  /* primitives */
  --jc-color-ink-50: #F5F8FC;
  --jc-color-ink-100: #EAF4F8;
  --jc-color-ink-200: #D9E5EE;
  --jc-color-ink-300: #B5C7D7;
  --jc-color-ink-500: #647D92;
  --jc-color-ink-600: #486178;
  --jc-color-ink-700: #304961;
  --jc-color-ink-900: #0C1E33;
  --jc-color-blue-50: #EAF2FF;
  --jc-color-blue-100: #CEE0FF;
  --jc-color-blue-200: #9FC1FF;
  --jc-color-blue-400: #236CA2;
  --jc-color-blue-500: #002EA1;
  --jc-color-blue-600: #00247C;
  --jc-color-blue-700: #001C5E;
  --jc-color-azure-500: #107BD1;
  --jc-color-sky-100: #8FB4E5;
  --jc-color-ice-100: #9FD1E0;
  --jc-color-success-bg: #E6F7ED;
  --jc-color-success-fg: #155430;
  --jc-color-success-dark-bg: #0A2819;
  --jc-color-success-dark-fg: #7EE7A2;
  --jc-color-warning-bg: #FFF2D8;
  --jc-color-warning-fg: #734109;
  --jc-color-warning-dark-bg: #2D1E07;
  --jc-color-warning-dark-fg: #FFD168;
  --jc-color-danger-bg: #FFE9E9;
  --jc-color-danger-fg: #991212;
  --jc-color-danger-action: #B11212;
  --jc-color-danger-action-hover: #820C0C;
  --jc-color-danger-dark-bg: #3C0C0C;
  --jc-color-danger-dark-fg: #FFA5A5;
  --jc-color-white: #FFFFFF;
  --jc-color-shadow: rgb(12 30 51 / 0.12);
  --jc-font-display: "DM Serif Display", "Georgia", serif;
  --jc-font-body: "Manrope", system-ui, "-apple-system", "Segoe UI", sans-serif;
  --jc-font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;
  --jc-weight-regular: 400;
  --jc-weight-medium: 500;
  --jc-weight-semibold: 600;
  --jc-weight-bold: 700;
  --jc-text-xs: 0.75rem;
  --jc-text-sm: 0.875rem;
  --jc-text-base: 1rem;
  --jc-text-lg: 1.125rem;
  --jc-text-xl: 1.25rem;
  --jc-text-2xl: 1.5rem;
  --jc-text-3xl: 1.875rem;
  --jc-text-4xl: 2.25rem;
  --jc-text-5xl: 3rem;
  --jc-lineHeight-body: 1.6;
  --jc-lineHeight-heading: 1.12;
  --jc-lineHeight-none: 1;
  --jc-tracking-heading: -0.02em;
  --jc-tracking-eyebrow: 0.12em;
  --jc-space-1: 4px;
  --jc-space-2: 8px;
  --jc-space-3: 12px;
  --jc-space-4: 16px;
  --jc-space-5: 20px;
  --jc-space-6: 24px;
  --jc-space-8: 32px;
  --jc-space-10: 40px;
  --jc-space-12: 48px;
  --jc-space-16: 64px;
  --jc-space-24: 96px;
  --jc-radius-sm: 4px;
  --jc-radius-md: 8px;
  --jc-radius-lg: 12px;
  --jc-radius-xl: 16px;
  --jc-radius-full: 9999px;
  --jc-border-1: 1px;
  --jc-border-2: 2px;
  --jc-target-sm: 44px;
  --jc-target-md: 48px;
  --jc-target-lg: 56px;
  --jc-measure-readable: 68ch;
  --jc-measure-container: 90rem;
  --jc-outline-offset: 3px;
  --jc-opacity-disabled: 0.52;
  --jc-duration-reduced: 1ms;
  --jc-duration-fast: 120ms;
  --jc-duration-base: 200ms;
  --jc-duration-slow: 320ms;
  --jc-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --jc-shadow-sm: 0px 4px 16px 0px rgb(12 30 51 / 0.12);
  --jc-z-sticky: 1100;

  /* role tokens — default theme: light */
  --jc-bg: var(--jc-color-ink-50);
  --jc-bg-raised: var(--jc-color-white);
  --jc-bg-sunken: var(--jc-color-ink-100);
  --jc-fg: var(--jc-color-ink-900);
  --jc-fg-muted: var(--jc-color-ink-600);
  --jc-fg-subtle: var(--jc-color-ink-600);
  --jc-accent: var(--jc-color-blue-500);
  --jc-accent-hover: var(--jc-color-blue-600);
  --jc-accent-fg: var(--jc-color-white);
  --jc-accent-hover-fg: var(--jc-color-white);
  --jc-accent-text: var(--jc-color-blue-700);
  --jc-accent-muted: var(--jc-color-blue-50);
  --jc-border: var(--jc-color-ink-200);
  --jc-border-strong: var(--jc-color-ink-500);
  --jc-ring: var(--jc-color-azure-500);
  --jc-success-bg: var(--jc-color-success-bg);
  --jc-success-fg: var(--jc-color-success-fg);
  --jc-warning-bg: var(--jc-color-warning-bg);
  --jc-warning-fg: var(--jc-color-warning-fg);
  --jc-danger-bg: var(--jc-color-danger-bg);
  --jc-danger-fg: var(--jc-color-danger-fg);
  --jc-info-bg: var(--jc-color-blue-50);
  --jc-info-fg: var(--jc-color-blue-700);
  --jc-danger-action: var(--jc-color-danger-action);
  --jc-danger-action-hover: var(--jc-color-danger-action-hover);
  --jc-danger-action-fg: var(--jc-color-white);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --jc-bg: var(--jc-color-ink-50);
    --jc-bg-raised: var(--jc-color-white);
    --jc-bg-sunken: var(--jc-color-ink-100);
    --jc-fg: var(--jc-color-ink-900);
    --jc-fg-muted: var(--jc-color-ink-600);
    --jc-fg-subtle: var(--jc-color-ink-600);
    --jc-accent: var(--jc-color-blue-500);
    --jc-accent-hover: var(--jc-color-blue-600);
    --jc-accent-fg: var(--jc-color-white);
    --jc-accent-hover-fg: var(--jc-color-white);
    --jc-accent-text: var(--jc-color-blue-700);
    --jc-accent-muted: var(--jc-color-blue-50);
    --jc-border: var(--jc-color-ink-200);
    --jc-border-strong: var(--jc-color-ink-500);
    --jc-ring: var(--jc-color-azure-500);
    --jc-success-bg: var(--jc-color-success-bg);
    --jc-success-fg: var(--jc-color-success-fg);
    --jc-warning-bg: var(--jc-color-warning-bg);
    --jc-warning-fg: var(--jc-color-warning-fg);
    --jc-danger-bg: var(--jc-color-danger-bg);
    --jc-danger-fg: var(--jc-color-danger-fg);
    --jc-info-bg: var(--jc-color-blue-50);
    --jc-info-fg: var(--jc-color-blue-700);
    --jc-danger-action: var(--jc-color-danger-action);
    --jc-danger-action-hover: var(--jc-color-danger-action-hover);
    --jc-danger-action-fg: var(--jc-color-white);
  }
}

[data-theme="light"], .surface-light {
  --jc-bg: var(--jc-color-ink-50);
  --jc-bg-raised: var(--jc-color-white);
  --jc-bg-sunken: var(--jc-color-ink-100);
  --jc-fg: var(--jc-color-ink-900);
  --jc-fg-muted: var(--jc-color-ink-600);
  --jc-fg-subtle: var(--jc-color-ink-600);
  --jc-accent: var(--jc-color-blue-500);
  --jc-accent-hover: var(--jc-color-blue-600);
  --jc-accent-fg: var(--jc-color-white);
  --jc-accent-hover-fg: var(--jc-color-white);
  --jc-accent-text: var(--jc-color-blue-700);
  --jc-accent-muted: var(--jc-color-blue-50);
  --jc-border: var(--jc-color-ink-200);
  --jc-border-strong: var(--jc-color-ink-500);
  --jc-ring: var(--jc-color-azure-500);
  --jc-success-bg: var(--jc-color-success-bg);
  --jc-success-fg: var(--jc-color-success-fg);
  --jc-warning-bg: var(--jc-color-warning-bg);
  --jc-warning-fg: var(--jc-color-warning-fg);
  --jc-danger-bg: var(--jc-color-danger-bg);
  --jc-danger-fg: var(--jc-color-danger-fg);
  --jc-info-bg: var(--jc-color-blue-50);
  --jc-info-fg: var(--jc-color-blue-700);
  --jc-danger-action: var(--jc-color-danger-action);
  --jc-danger-action-hover: var(--jc-color-danger-action-hover);
  --jc-danger-action-fg: var(--jc-color-white);
}