/*!
 * brandkit.base.css — Layer 2 brand kit: Beam Base (unbranded)
 * Beam Design System — Acuity Experience Design (AXD)
 * version 0.1.0 · generated 2026-11-06T09:38:51.958Z · source sha256:8dcb01076f81
 * GENERATED FILE — do not edit. Source of truth: tokens/beam.tokens.json
 * requires beam.css · applies to :root when no [data-brand] is set, and to [data-brand="base"] · gray=Gray accent=Base density=Comfortable typeface=System shape=Smooth depth=Soft
 */
@layer beam.tokens, beam.kit, beam.foundations, beam.compositions, beam.utilities, beam.blocks;
@layer beam.kit {
  /* Selection — the six modes this kit uses, copied from core so the kit resolves on its own.
     Each mode block steps aside when its data-* attribute is set on the same element, so an explicit
     data-density / data-gray / … override still wins (beam.kit is a later layer than beam.tokens). */
  /* gray = Gray */
  :root:not([data-brand]):not([data-gray]), [data-brand="base"]:not([data-gray]) {
    --beam-neutral-1: var(--beam-gray-1);
    --beam-neutral-2: var(--beam-gray-2);
    --beam-neutral-3: var(--beam-gray-3);
    --beam-neutral-4: var(--beam-gray-4);
    --beam-neutral-5: var(--beam-gray-5);
    --beam-neutral-6: var(--beam-gray-6);
    --beam-neutral-7: var(--beam-gray-7);
    --beam-neutral-8: var(--beam-gray-8);
    --beam-neutral-9: var(--beam-gray-9);
    --beam-neutral-10: var(--beam-gray-10);
    --beam-neutral-11: var(--beam-gray-11);
    --beam-neutral-12: var(--beam-gray-12);
    --beam-neutral-alpha-a1: var(--beam-gray-alpha-a1);
    --beam-neutral-alpha-a2: var(--beam-gray-alpha-a2);
    --beam-neutral-alpha-a3: var(--beam-gray-alpha-a3);
    --beam-neutral-alpha-a4: var(--beam-gray-alpha-a4);
    --beam-neutral-alpha-a5: var(--beam-gray-alpha-a5);
    --beam-neutral-alpha-a6: var(--beam-gray-alpha-a6);
    --beam-neutral-alpha-a7: var(--beam-gray-alpha-a7);
    --beam-neutral-alpha-a8: var(--beam-gray-alpha-a8);
    --beam-neutral-alpha-a9: var(--beam-gray-alpha-a9);
    --beam-neutral-alpha-a10: var(--beam-gray-alpha-a10);
    --beam-neutral-alpha-a11: var(--beam-gray-alpha-a11);
    --beam-neutral-alpha-a12: var(--beam-gray-alpha-a12);
    --beam-neutral-dark-1: var(--beam-gray-dark-1);
    --beam-neutral-dark-2: var(--beam-gray-dark-2);
    --beam-neutral-dark-3: var(--beam-gray-dark-3);
    --beam-neutral-dark-4: var(--beam-gray-dark-4);
    --beam-neutral-dark-5: var(--beam-gray-dark-5);
    --beam-neutral-dark-6: var(--beam-gray-dark-6);
    --beam-neutral-dark-7: var(--beam-gray-dark-7);
    --beam-neutral-dark-8: var(--beam-gray-dark-8);
    --beam-neutral-dark-9: var(--beam-gray-dark-9);
    --beam-neutral-dark-10: var(--beam-gray-dark-10);
    --beam-neutral-dark-11: var(--beam-gray-dark-11);
    --beam-neutral-dark-12: var(--beam-gray-dark-12);
    --beam-neutral-dark-alpha-a1: var(--beam-gray-dark-alpha-a1);
    --beam-neutral-dark-alpha-a2: var(--beam-gray-dark-alpha-a2);
    --beam-neutral-dark-alpha-a3: var(--beam-gray-dark-alpha-a3);
    --beam-neutral-dark-alpha-a4: var(--beam-gray-dark-alpha-a4);
    --beam-neutral-dark-alpha-a5: var(--beam-gray-dark-alpha-a5);
    --beam-neutral-dark-alpha-a6: var(--beam-gray-dark-alpha-a6);
    --beam-neutral-dark-alpha-a7: var(--beam-gray-dark-alpha-a7);
    --beam-neutral-dark-alpha-a8: var(--beam-gray-dark-alpha-a8);
    --beam-neutral-dark-alpha-a9: var(--beam-gray-dark-alpha-a9);
    --beam-neutral-dark-alpha-a10: var(--beam-gray-dark-alpha-a10);
    --beam-neutral-dark-alpha-a11: var(--beam-gray-dark-alpha-a11);
    --beam-neutral-dark-alpha-a12: var(--beam-gray-dark-alpha-a12);
  }

  /* accent = Base */
  :root:not([data-brand]):not([data-accent]), [data-brand="base"]:not([data-accent]) {
    --beam-accent-1: var(--beam-base-1);
    --beam-accent-2: var(--beam-base-2);
    --beam-accent-3: var(--beam-base-3);
    --beam-accent-4: var(--beam-base-4);
    --beam-accent-5: var(--beam-base-5);
    --beam-accent-6: var(--beam-base-6);
    --beam-accent-7: var(--beam-base-7);
    --beam-accent-8: var(--beam-base-8);
    --beam-accent-9: var(--beam-base-9);
    --beam-accent-10: var(--beam-base-10);
    --beam-accent-11: var(--beam-base-11);
    --beam-accent-12: var(--beam-base-12);
    --beam-accent-alpha-a1: var(--beam-base-alpha-a1);
    --beam-accent-alpha-a2: var(--beam-base-alpha-a2);
    --beam-accent-alpha-a3: var(--beam-base-alpha-a3);
    --beam-accent-alpha-a4: var(--beam-base-alpha-a4);
    --beam-accent-alpha-a5: var(--beam-base-alpha-a5);
    --beam-accent-alpha-a6: var(--beam-base-alpha-a6);
    --beam-accent-alpha-a7: var(--beam-base-alpha-a7);
    --beam-accent-alpha-a8: var(--beam-base-alpha-a8);
    --beam-accent-alpha-a9: var(--beam-base-alpha-a9);
    --beam-accent-alpha-a10: var(--beam-base-alpha-a10);
    --beam-accent-alpha-a11: var(--beam-base-alpha-a11);
    --beam-accent-alpha-a12: var(--beam-base-alpha-a12);
    --beam-accent-dark-1: var(--beam-base-dark-1);
    --beam-accent-dark-2: var(--beam-base-dark-2);
    --beam-accent-dark-3: var(--beam-base-dark-3);
    --beam-accent-dark-4: var(--beam-base-dark-4);
    --beam-accent-dark-5: var(--beam-base-dark-5);
    --beam-accent-dark-6: var(--beam-base-dark-6);
    --beam-accent-dark-7: var(--beam-base-dark-7);
    --beam-accent-dark-8: var(--beam-base-dark-8);
    --beam-accent-dark-9: var(--beam-base-dark-9);
    --beam-accent-dark-10: var(--beam-base-dark-10);
    --beam-accent-dark-11: var(--beam-base-dark-11);
    --beam-accent-dark-12: var(--beam-base-dark-12);
    --beam-accent-dark-alpha-a1: var(--beam-base-dark-alpha-a1);
    --beam-accent-dark-alpha-a2: var(--beam-base-dark-alpha-a2);
    --beam-accent-dark-alpha-a3: var(--beam-base-dark-alpha-a3);
    --beam-accent-dark-alpha-a4: var(--beam-base-dark-alpha-a4);
    --beam-accent-dark-alpha-a5: var(--beam-base-dark-alpha-a5);
    --beam-accent-dark-alpha-a6: var(--beam-base-dark-alpha-a6);
    --beam-accent-dark-alpha-a7: var(--beam-base-dark-alpha-a7);
    --beam-accent-dark-alpha-a8: var(--beam-base-dark-alpha-a8);
    --beam-accent-dark-alpha-a9: var(--beam-base-dark-alpha-a9);
    --beam-accent-dark-alpha-a10: var(--beam-base-dark-alpha-a10);
    --beam-accent-dark-alpha-a11: var(--beam-base-dark-alpha-a11);
    --beam-accent-dark-alpha-a12: var(--beam-base-dark-alpha-a12);
    --beam-accent-contrast: #ffffff;
    --beam-accent-text: var(--beam-base-11);
  }

  /* density = Comfortable */
  :root:not([data-brand]):not([data-density]), [data-brand="base"]:not([data-density]) {
    --beam-scale-base: 16;
    --beam-scale-ratio: 1.25;
    --beam-ms-0: 16px;
    --beam-ms--1: 13px;
    --beam-ms--2: 10px;
    --beam-ms--3: 8px;
    --beam-ms-1: 20px;
    --beam-ms-2: 25px;
    --beam-ms-3: 31px;
    --beam-ms-4: 39px;
    --beam-ms-5: 49px;
    --beam-ms-6: 61px;
    --beam-ms-7: 76px;
    --beam-ms-8: 95px;
    --beam-spacing-none: 0;
    --beam-spacing-xxs: 2px;
    --beam-spacing-xs: 4px;
    --beam-spacing-sm: 6px;
    --beam-spacing-md: 8px;
    --beam-spacing-lg: 12px;
    --beam-spacing-xl: 16px;
    --beam-spacing-2xl: 20px;
    --beam-spacing-3xl: 24px;
    --beam-spacing-4xl: 32px;
    --beam-spacing-5xl: 40px;
    --beam-spacing-6xl: 48px;
    --beam-spacing-7xl: 64px;
    --beam-spacing-8xl: 80px;
    --beam-spacing-9xl: 96px;
    --beam-spacing-10xl: 128px;
    --beam-spacing-11xl: 160px;
    --beam-container-padding: 24px;
    --beam-stack-xs: var(--beam-spacing-xs);
    --beam-stack-sm: var(--beam-spacing-md);
    --beam-stack-md: var(--beam-spacing-xl);
    --beam-stack-lg: var(--beam-spacing-3xl);
    --beam-stack-xl: var(--beam-spacing-4xl);
    --beam-stack-2xl: var(--beam-spacing-6xl);
    --beam-inline-xs: var(--beam-spacing-xxs);
    --beam-inline-sm: var(--beam-spacing-xs);
    --beam-inline-md: var(--beam-spacing-md);
    --beam-inline-lg: var(--beam-spacing-xl);
    --beam-gutter-sm: var(--beam-spacing-3xl);
    --beam-gutter-md: var(--beam-spacing-4xl);
    --beam-gutter-lg: var(--beam-spacing-6xl);
    --beam-inset-none: var(--beam-spacing-none);
    --beam-inset-xs: var(--beam-spacing-xs);
    --beam-inset-sm: var(--beam-spacing-md);
    --beam-inset-md: var(--beam-spacing-xl);
    --beam-inset-lg: var(--beam-spacing-3xl);
    --beam-inset-xl: var(--beam-spacing-4xl);
    --beam-region-xs: var(--beam-spacing-4xl);
    --beam-region-sm: var(--beam-spacing-6xl);
    --beam-region-md: var(--beam-spacing-7xl);
    --beam-region-lg: var(--beam-spacing-8xl);
    --beam-region-xl: var(--beam-spacing-9xl);
    --beam-threshold: var(--beam-width-xl);
  }

  /* typeface = System */
  :root:not([data-brand]):not([data-typeface]), [data-brand="base"]:not([data-typeface]) {
    --beam-font-family-primary: Inter, sans-serif;
    --beam-font-family-secondary: "Playfair Display", serif;
    --beam-font-family-mono: "Cascadia Code", monospace;
  }

  /* shape = Smooth */
  :root:not([data-brand]):not([data-shape]), [data-brand="base"]:not([data-shape]) {
    --beam-radius-none: 0;
    --beam-radius-sharp: 4.5px;
    --beam-radius-crisp: 6px;
    --beam-radius-soft: 9px;
    --beam-radius-pill: 9999px;
    --beam-radius-rounded: 12px;
    --beam-radius-smooth: 18px;
    --beam-radius-plush: 24px;
    --beam-radius-outer-spacing: 20px;
    --beam-radius-outer-sharp: 24.5px;
    --beam-radius-outer-crisp: 26px;
    --beam-radius-outer-soft: 29px;
    --beam-radius-outer-rounded: 32px;
    --beam-radius-outer-smooth: 38px;
    --beam-radius-outer-plush: 44px;
  }

  /* depth = Soft */
  :root:not([data-brand]):not([data-depth]), [data-brand="base"]:not([data-depth]) {
    --beam-shadow-o1-color: var(--beam-effect-depth-soft);
    --beam-shadow-o2-color: var(--beam-effect-depth-soft);
    --beam-shadow-o3-color: var(--beam-effect-depth-soft);
    --beam-shadow-o4-color: var(--beam-effect-depth-soft);
    --beam-shadow-o5-color: var(--beam-effect-depth-soft);
    --beam-shadow-o6-color: var(--beam-effect-depth-soft);
    --beam-shadow-ring-color: var(--beam-effect-depth-ring);
  }

}