/* GENERATED by generate-tokens.cjs from source/attentive-tokens.json. Do not edit by hand. */
:root {
  color-scheme: light;
  --at-font: "Geist", system-ui, Arial, sans-serif;

  --at-color-black: #1A1715; /* bg/inverted/default (buttons) — from Figma */
  --at-color-ink: #1A1715; /* text/primary — from Figma */
  --at-color-ink-body: #4A4440; /* text/secondary — from Figma */
  --at-color-muted: #655E58; /* text/tertiary — from Figma */
  --at-color-maroon-dark: #2E2926; /* bg/inverted/hovered — from Figma */
  --at-color-accent: #0F62FE; /* accent / focus — from Figma */
  --at-color-raspberry: #BE1549; /* brand / logo caret (use sparingly) */
  --at-color-blue-teal: #59CBE8; /* carousel indicators */
  --at-color-warm-wash: #F4F0EC; /* warm section background */
  --at-color-off-white: #F7F6F5; /* page / section background */
  --at-color-line: #E6E1DB; /* border/primary, bg/secondary/pressed — from Figma */
  --at-color-white: #FFFFFF; /* surfaces */
  --at-color-light-hover: #EDEDED; /* solid-light button hover (reading of an unverified hover, per the source page) */
  --at-color-indicator-idle: rgba(89, 203, 232, 0.3); /* inactive carousel pill */
  --at-color-inverted-pressed: #4A4440; /* bg/inverted/pressed — from Figma */
  --at-color-status-progress-bg: #E5EEFF; /* status In progress background */
  --at-color-status-progress-fg: #0043CE; /* status In progress text */
  --at-color-status-completed-bg: #E1F3E6; /* status Completed background */
  --at-color-status-completed-fg: #145C32; /* status Completed text */
  --at-color-status-paused-bg: #FFF0D1; /* status Paused background */
  --at-color-status-paused-fg: #7A4F00; /* status Paused text */
  --at-color-status-archived-bg: #EDEDED; /* status Archived background */
  --at-color-status-archived-fg: #4A4440; /* status Archived text */
  --at-type-h1-size: 48px; --at-type-h1-line: 60px; --at-type-h1-weight: 400; --at-type-h1-tracking: normal;
  --at-type-h2-size: 36px; --at-type-h2-line: 58px; --at-type-h2-weight: 400; --at-type-h2-tracking: normal;
  --at-type-h3-size: 30px; --at-type-h3-line: 42px; --at-type-h3-weight: 500; --at-type-h3-tracking: -0.6px;
  --at-type-h4-size: 24px; --at-type-h4-line: 32px; --at-type-h4-weight: 500; --at-type-h4-tracking: normal;
  --at-type-h5-size: 20px; --at-type-h5-line: 30px; --at-type-h5-weight: 500; --at-type-h5-tracking: normal;
  --at-type-h6-size: 16px; --at-type-h6-line: 22px; --at-type-h6-weight: 500; --at-type-h6-tracking: normal;
  --at-type-body-size: 18px; --at-type-body-line: 28px; --at-type-body-weight: 400; --at-type-body-tracking: normal;
  --at-type-body-sm-size: 16px; --at-type-body-sm-line: 24px; --at-type-body-sm-weight: 400; --at-type-body-sm-tracking: normal;
  --at-type-caption-size: 14px; --at-type-caption-line: 21px; --at-type-caption-weight: 400; --at-type-caption-tracking: normal;
  --at-type-button-size: 16px; --at-type-button-line: 19.2px; --at-type-button-weight: 500; --at-type-button-tracking: normal;
  --at-type-link-size: 18px; --at-type-link-line: 28px; --at-type-link-weight: 500; --at-type-link-tracking: normal;
  --at-type-eyebrow-size: 14px; --at-type-eyebrow-line: 19.6px; --at-type-eyebrow-weight: 500; --at-type-eyebrow-tracking: normal;
  --at-space-4: 4px;
  --at-space-6: 6px;
  --at-space-8: 8px;
  --at-space-10: 10px;
  --at-space-12: 12px;
  --at-space-14: 14px;
  --at-space-15: 15px;
  --at-space-16: 16px;
  --at-space-18: 18px;
  --at-space-20: 20px;
  --at-space-24: 24px;
  --at-space-30: 30px;
  --at-space-32: 32px;
  --at-space-40: 40px;
  --at-space-48: 48px;
  --at-space-60: 60px;
  --at-space-64: 64px;
  --at-space-120: 120px;
  --at-space-container-outer: 1440px;
  --at-space-container-content: 1350px;
  --at-radius-sm: 4px;
  --at-radius-button: 6px;
  --at-radius-md: 8px;
  --at-radius-card: 12px;
  --at-radius-lg: 16px;
  --at-radius-media: 20px;
  --at-radius-pill: 50px;
  --at-radius-panel: 68px;
  --at-button-pad: 12px 18px; --at-button-transition: .3s; --at-panel-transition: .18s;

  /* hub adapter */
  --hub-font-sans: var(--at-font);
  --hub-background: var(--at-color-off-white);
  --hub-background-inverse: var(--at-color-black);
  --hub-layer-01: var(--at-color-white);
  --hub-layer-hover-01: var(--at-color-warm-wash);
  --hub-layer-selected-01: var(--at-color-warm-wash);
  --hub-layer-accent-01: var(--at-color-warm-wash);
  --hub-field-01: var(--at-color-white);
  --hub-field-hover-01: var(--at-color-warm-wash);
  --hub-field-pressed-01: var(--at-color-line);
  --hub-border-subtle-01: var(--at-color-line);
  --hub-border-strong-01: var(--at-color-muted);
  --hub-text-primary: var(--at-color-ink);
  --hub-text-secondary: var(--at-color-muted);
  --hub-text-tertiary: var(--at-color-muted);
  --hub-text-placeholder: var(--at-color-muted);
  --hub-text-inverse: var(--at-color-white);
  --hub-text-on-color: var(--at-color-white);
  --hub-link-primary: var(--at-color-ink);
  --hub-focus: var(--at-color-accent);
  --hub-icon-primary: var(--at-color-ink);
  --hub-icon-secondary: var(--at-color-muted);
  --hub-icon-inverse: var(--at-color-white);
  --hub-button-primary: var(--at-color-black);
  --hub-button-primary-hover: var(--at-color-maroon-dark);
  --hub-button-primary-active: var(--at-color-inverted-pressed);
  --hub-button-secondary: var(--at-color-black);
  --hub-button-secondary-hover: var(--at-color-maroon-dark);
  --hub-button-secondary-active: var(--at-color-inverted-pressed);
  --hub-tag-background-gray: var(--at-color-warm-wash);
  --hub-tag-color-gray: var(--at-color-ink);
  --hub-toggle-off: var(--at-color-line);
  --hub-spacing-02: var(--at-space-4);
  --hub-spacing-03: var(--at-space-8);
  --hub-spacing-04: var(--at-space-12);
  --hub-spacing-05: var(--at-space-16);
  --hub-spacing-06: var(--at-space-24);
  --hub-spacing-07: var(--at-space-32);
  --hub-spacing-09: var(--at-space-48);
  --hub-spacing-10: var(--at-space-60);
  --hub-motion-fast: var(--at-button-transition);
  --hub-motion-moderate: var(--at-button-transition);
  --hub-motion-moderate-01: var(--at-button-transition);
  --hub-motion-slow-01: var(--at-button-transition);
  --hub-motion-productive: ease;
  --hub-motion-expressive: ease;
  --hub-motion-entrance-productive: ease;
  --hub-motion-entrance-expressive: ease;
  --hub-motion-exit-expressive: ease;
  --hub-motion-scale: 0.96;
  --hub-type-body-01-size: var(--at-type-body-sm-size); --hub-type-body-01-weight: var(--at-type-body-sm-weight); --hub-type-body-01-line-height: var(--at-type-body-sm-line); --hub-type-body-01-letter-spacing: 0;
  --hub-type-body-compact-01-size: var(--at-type-caption-size); --hub-type-body-compact-01-weight: var(--at-type-caption-weight); --hub-type-body-compact-01-line-height: var(--at-type-caption-line); --hub-type-body-compact-01-letter-spacing: 0;
  --hub-type-heading-compact-01-size: var(--at-type-h6-size); --hub-type-heading-compact-01-weight: var(--at-type-h6-weight); --hub-type-heading-compact-01-line-height: var(--at-type-h6-line); --hub-type-heading-compact-01-letter-spacing: 0;
  --hub-type-heading-02-size: var(--at-type-h5-size); --hub-type-heading-02-weight: var(--at-type-h5-weight); --hub-type-heading-02-line-height: var(--at-type-h5-line); --hub-type-heading-02-letter-spacing: 0;
  --hub-type-heading-03-size: var(--at-type-h4-size); --hub-type-heading-03-weight: var(--at-type-h4-weight); --hub-type-heading-03-line-height: var(--at-type-h4-line); --hub-type-heading-03-letter-spacing: 0;
  --hub-type-heading-04-size: var(--at-type-h4-size); --hub-type-heading-04-weight: var(--at-type-h4-weight); --hub-type-heading-04-line-height: var(--at-type-h4-line); --hub-type-heading-04-letter-spacing: 0;
  --hub-type-heading-05-size: var(--at-type-h3-size); --hub-type-heading-05-weight: var(--at-type-h3-weight); --hub-type-heading-05-line-height: var(--at-type-h3-line); --hub-type-heading-05-letter-spacing: -0.6px;
  --hub-type-heading-07-size: var(--at-type-h1-size); --hub-type-heading-07-weight: var(--at-type-h1-weight); --hub-type-heading-07-line-height: var(--at-type-h1-line); --hub-type-heading-07-letter-spacing: 0;
  --hub-type-label-01-size: var(--at-type-caption-size); --hub-type-label-01-weight: var(--at-type-caption-weight); --hub-type-label-01-line-height: var(--at-type-caption-line); --hub-type-label-01-letter-spacing: 0;
}

@font-face { font-family: "Geist"; font-weight: 100 900; font-display: swap; src: url("fonts/geist/Geist-Variable.woff2") format("woff2"); }