/* acds-aracreate-design-system — generated from tokens.json */
:root, [data-theme="default"] {
  --ac-golden-sun: #f9bf3b;
  --ac-golden-90: #f9bf3be6;
  --ac-golden-80: #f9bf3bcc;
  --ac-golden-soft: #fdf3d8;
  --ac-graphite-gray: #555555;
  --ac-stroke: #cecece;
  --ac-canvas: #f6f6f6;
  --ac-pure-white: #ffffff;
  --ac-gray-500: #5559;
  --ac-gray-450: #6f6f6f;
  --ac-gray-300: var(--ac-stroke);
  --ac-gray-200: #e4e4e4;
  --ac-gray-100: #f0f0f0;
  --ac-danger: #c0492f;
  --ac-success: #186a43;
  --ac-surface-page: var(--ac-canvas);
  --ac-surface-card: var(--ac-pure-white);
  --ac-surface-raised: var(--ac-pure-white);
  --ac-surface-subtle: var(--ac-gray-300);
  --ac-surface-dark: var(--ac-graphite-gray);
  --ac-surface-accent: var(--ac-golden-sun);
  --ac-surface-accent-soft: var(--ac-golden-soft);
  --ac-surface-slide: var(--ac-canvas);
  --ac-text-heading: var(--ac-graphite-gray);
  --ac-text-primary: var(--ac-graphite-gray);
  --ac-text-muted: var(--ac-gray-450);
  --ac-text-inverse: var(--ac-pure-white);
  --ac-text-on-accent: var(--ac-graphite-gray);
  --ac-text-placeholder: var(--ac-gray-450);
  --ac-border: var(--ac-gray-300);
  --ac-border-control: var(--ac-graphite-gray);
  --ac-border-strong: var(--ac-graphite-gray);
  --ac-code-bg: var(--ac-info-surface);
  --ac-code-text: var(--ac-text-heading);
  --ac-accent: var(--ac-golden-sun);
  --ac-accent-hover: var(--ac-golden-90);
  --ac-accent-active: var(--ac-golden-80);
  --ac-focus: var(--ac-graphite-gray);
  --ac-inverse-bg-hover: var(--ac-gray-450);
  --ac-danger-bg-hover: #ad4b36;
  --ac-danger-surface: #c0492f14;
  --ac-success-surface: #186a4314;
  --ac-warning: var(--ac-golden-sun);
  --ac-warning-surface: #f9bf3b26;
  --ac-info: var(--ac-graphite-gray);
  --ac-info-surface: #5555550f;
  --ac-disabled-bg: var(--ac-gray-300);
  --ac-disabled-text: var(--ac-gray-450);
  --ac-scrim: #555555cc;
  --ac-shadow-sm: 0 1px 2px rgba(85, 85, 85, 0.09), 0 2px 7px rgba(85, 85, 85, 0.075);
  --ac-shadow-lift: 0 4px 9px -3px rgba(85, 85, 85, 0.3);
  --ac-shadow-md: 0 4px 8px -9px rgba(85, 85, 85, 0.09), 8px 8px 22px -9px rgba(85, 85, 85, 0.14);
  --ac-shadow-lg: 0 4px 7px -4px rgba(85, 85, 85, 0.06), 0 14px 27px -4px rgba(85, 85, 85, 0.09), 0 22px 47px -4px rgba(85, 85, 85, 0.12);
}
:root {
  --ac-display-xl: 64px;
  --ac-display-lg: 48px;
  --ac-display-md: 36px;
  --ac-display-sm: 28px;
  --ac-h1: 36px;
  --ac-h2: 33px;
  --ac-h3: 31px;
  --ac-h4: 28px;
  --ac-h5: 21px;
  --ac-h6: 16px;
  --ac-space-1: 4px;
  --ac-space-2: 8px;
  --ac-space-3: 10px;
  --ac-space-4: 12px;
  --ac-space-5: 15px;
  --ac-space-6: 16px;
  --ac-space-7: 20px;
  --ac-space-8: 24px;
  --ac-space-9: 30px;
  --ac-space-10: 40px;
  --ac-space-11: 60px;
  --ac-space-12: 80px;
  --ac-space-13: 90px;
  --ac-space-14: 100px;
  --ac-space-15: 120px;
  --ac-space-16: 140px;
  --ac-container: 940px;
  --ac-container-wide: 1200px;
  --ac-gutter: 24px;
  --ac-radius-xs: 2px;
  --ac-radius-sm: 4px;
  --ac-radius-md: 9px;
  --ac-radius-lg: 20px;
  --ac-radius-pill: 200px;
  --ac-radius-none: 0;
  --ac-duration-fast: 0.25s;
  --ac-duration: 0.5s;
  --ac-duration-slow: 0.8s;
  --ac-ease: cubic-bezier(.165, .84, .44, 1);
  --ac-ease-linear: linear;
  --ac-focus-width: 2px;
  --ac-focus-offset: 2px;
  --ac-border-width: 1px;
  --ac-border-width-strong: 2px;
  --ac-z-base: 0;
  --ac-z-raised: 10;
  --ac-z-sticky: 100;
  --ac-z-header: 200;
  --ac-z-dropdown: 300;
  --ac-z-overlay: 400;
  --ac-z-modal: 500;
  --ac-z-toast: 600;
  --ac-weight-extralight: 200;
  --ac-weight-light: 300;
  --ac-weight-regular: 400;
  --ac-weight-medium: 500;
  --ac-weight-bold: 700;
  --ac-text-base: 16px;
  --ac-text-lg: 18px;
  --ac-text-sm: 14px;
  --ac-text-link: 14px;
  --ac-text-xs: 12px;
  --ac-text-micro: 10px;
  --ac-text-label: 11px;
  --ac-text-ui: 14px;
  --ac-text-lead: 19px;
  --ac-text-figure: 42px;
  --ac-text-quote: 56px;
  --ac-leading-h1: 1.35em;
  --ac-leading-h2: 1.4em;
  --ac-leading-h3: 1.5em;
  --ac-leading-h4: 1.3em;
  --ac-leading-h5: 1.4em;
  --ac-leading-h6: 1.4em;
  --ac-leading-body: 1.8;
  --ac-leading-tight: 1.15;
  --ac-leading-snug: 1.35;
  --ac-leading-loose: 2;
  --ac-tracking-normal: 0.02em;
  --ac-tracking-tight: -0.01em;
  --ac-tracking-label: 0.07em;
  --ac-tracking-wide: 0.15em;
}
@font-face {
  font-family: "Monument Extended";
  src: url("fonts/MonumentExtended-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Monument Extended";
  src: url("fonts/MonumentExtended-Ultrabold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}