/* Dojo digital brand tokens 1.1.0. */
/* Generated from roundup-teammate/brand/dojo-digital-tokens.json. Do not edit this file by hand. */
/* Regenerate: python roundup-teammate/tests/test_dojo_digital_brand_tokens.py --write */
/* Brand authority dojo-brand 1.2; product contract dojo-brand-product-contract 1.1.0. */

:root {
  /* surface */
  --dojo-product-surface-page: #080B09;
  --dojo-product-surface-band: #0E120F;
  --dojo-product-surface-raised: #101510;

  /* line */
  --dojo-product-line-hairline: rgba(255,255,255,.10);

  /* ink */
  --dojo-product-ink-primary: #F1F7F1;
  --dojo-product-ink-quiet: #9BA89C;

  /* accent */
  --dojo-product-accent-base: #A3E8A3;
  --dojo-product-accent-hover: #C4F4C4;
  --dojo-product-accent-pressed: #86D68C;
  --dojo-product-accent-ink: #06140A;

  /* status */
  --dojo-product-status-error: #FF8F8F;
  --dojo-product-status-warning: #FFB27A;
  --dojo-product-status-success: #7BD9A0;

  /* focus */
  --dojo-product-focus-border-color: #A3E8A3;
  --dojo-product-focus-ring-color: color-mix(in srgb, var(--dojo-product-accent-base) 25%, transparent);
  --dojo-product-focus-ring-width: 3px;

  /* elevation */
  --dojo-product-elevation-shadow-raised: rgba(8,11,9,.50);
  --dojo-product-elevation-blur-raised: 12px;
  --dojo-product-elevation-offset-raised: 2px;
  --dojo-product-elevation-shadow-overlay: rgba(8,11,9,.62);
  --dojo-product-elevation-blur-overlay: 28px;
  --dojo-product-elevation-offset-overlay: 10px;

  /* type */
  --dojo-product-type-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --dojo-product-type-size-h1: clamp(2.5rem, 6vw, 4.25rem);
  --dojo-product-type-size-h2: clamp(1.4rem, 3vw, 1.8rem);
  --dojo-product-type-size-lede: clamp(1.05rem, 2vw, 1.3rem);
  --dojo-product-type-size-body: 1rem;
  --dojo-product-type-size-small: .875rem;
  --dojo-product-type-size-eyebrow: .78rem;
  --dojo-product-type-leading-base: 1.5;
  --dojo-product-type-tracking-h1: -.03em;
  --dojo-product-type-tracking-eyebrow: .12em;
  --dojo-product-type-weight-regular: 400;
  --dojo-product-type-weight-semibold: 600;
  --dojo-product-type-weight-cardtitle: 650;
  --dojo-product-type-weight-heading: 700;
  --dojo-product-type-weight-mark: 800;

  /* shape */
  --dojo-product-shape-radius: 6px;
  --dojo-product-shape-radius-large: 8px;

  /* layout */
  --dojo-product-layout-max: 1120px;
  --dojo-product-layout-gutter: 24px;

  /* space */
  --dojo-product-space-action-block: 12px;
  --dojo-product-space-action-inline: 22px;
  --dojo-product-space-action-large-block: 15px;
  --dojo-product-space-action-large-inline: 30px;
  --dojo-product-space-action-small-block: 9px;
  --dojo-product-space-action-small-inline: 18px;
  --dojo-product-space-field-block: 12px;
  --dojo-product-space-field-inline: 14px;
  --dojo-product-space-gap-control: 8px;

  /* target */
  --dojo-product-target-min: 44px;

  /* motion */
  --dojo-product-motion-duration-base: 160ms;
  --dojo-product-motion-duration-entrance: 240ms;
  --dojo-product-motion-duration-reduced: 0.01ms;
}

@media (prefers-color-scheme: light) {
  :root {
    --dojo-product-surface-page: #FFFFFF;
    --dojo-product-surface-band: #F3F7F3;
    --dojo-product-surface-raised: #FFFFFF;
    --dojo-product-line-hairline: rgba(0,0,0,.12);
    --dojo-product-ink-primary: #0B140D;
    --dojo-product-ink-quiet: #4F5B51;
    --dojo-product-accent-base: #1E7A45;
    --dojo-product-accent-hover: #176038;
    --dojo-product-accent-pressed: #114B2B;
    --dojo-product-accent-ink: #FFFFFF;
    --dojo-product-status-error: #B3261E;
    --dojo-product-status-warning: #8F4700;
    --dojo-product-status-success: #0F6A3C;
    --dojo-product-focus-border-color: #1E7A45;
    --dojo-product-elevation-shadow-raised: rgba(11,20,13,.12);
    --dojo-product-elevation-shadow-overlay: rgba(11,20,13,.22);
  }
}