/*
 * SageAI_BAC application layer and motion roles.
 *
 * The Sage family visual contract governs stacking through five roles
 * (--layer-base / -sticky / -nav / -overlay / -toast) and motion through six
 * duration roles. This file does NOT fork either scale: every value below is
 * derived from a family role, so changing the family scale still moves this app.
 *
 * It exists because raw z-index numbers are prohibited (STYLE-LAYER: stacking
 * must use --layer-* roles) and a `calc()` cannot appear directly in a z-index
 * declaration under that rule. Naming the bands here also replaces the magic
 * numbers this app had accumulated — 1040, 1050, 10050, 10051, 12000, 15000 —
 * with the intent behind them, in one ordered place.
 *
 * Ascending order is the stacking order. Do not add a value that is not derived
 * from a family role.
 */
:root {
  /* Below the content baseline: decorative rules drawn behind their own content. */
  --sage-app-layer-behind: var(--layer-base);

  /* In-component stacking: a step raised above its siblings, still in content. */
  --sage-app-layer-raised: calc(var(--layer-base) + 1);

  /* An interactive control that must sit above raised siblings. */
  --sage-app-layer-control: calc(var(--layer-base) + 2);

  /* Sticky headers, sticky table heads, sticky form footers. */
  --sage-app-layer-sticky: var(--layer-sticky);

  /* Primary navigation: sidebar (desktop), landing nav. */
  --sage-app-layer-nav: var(--layer-nav);

  /* Menus and dropdowns anchored to nav or to a control. */
  --sage-app-layer-dropdown: calc(var(--layer-nav) + 5);

  /* The AI dock: above page chrome, below any overlay. */
  --sage-app-layer-dock-button: calc(var(--layer-nav) + 8);
  --sage-app-layer-dock-panel: calc(var(--layer-nav) + 9);

  /* Overlay ladder: scrim, then the overlay surface, then menus opened inside it. */
  --sage-app-layer-scrim: var(--layer-overlay);
  --sage-app-layer-overlay: calc(var(--layer-overlay) + 1);
  --sage-app-layer-overlay-menu: calc(var(--layer-overlay) + 2);
  --sage-app-layer-overlay-menu-top: calc(var(--layer-overlay) + 3);

  /* Toasts sit above overlays so a result is never hidden by what produced it. */
  --sage-app-layer-toast: var(--layer-toast);

  /* A blocking dialog outranks a toast: it is the only thing to act on. */
  --sage-app-layer-blocking: calc(var(--layer-toast) + 1);

  /* The skip link must be reachable before anything else can cover it. */
  --sage-app-layer-skip-link: calc(var(--layer-toast) + 2);

  /*
   * Reduced motion needs an effectively-zero duration. The family duration scale
   * starts at --motion-duration-fast (120ms), which is a real animation and would
   * defeat the preference, so this app declares one additional role rather than
   * borrowing a governed one for a purpose it does not serve. It is used ONLY
   * inside prefers-reduced-motion blocks.
   */
  --sage-app-motion-duration-instant: 0.01ms;
}

/*
 * Radius roles.
 */
:root {
  --sage-app-radius-sm: 0.4rem;
  --sage-app-radius-square: 0;
  --sage-app-radius-circle: 50%;
  --sage-app-radius-pill: 999rem;
}

/*
 * Elevation roles.
 *
 * These are the shadow recipes this application had inlined at 126 declaration
 * sites. Naming them here is what makes every box-shadow a var() role, and it is
 * also the first time the sprawl is visible in one place: 55 distinct recipes for
 * what is conceptually a handful of depths.
 *
 * The values are preserved EXACTLY — this change renames, it does not restyle.
 * Consolidating these onto the family's three elevation roles (--shadow-1/2/3) is
 * follow-up design work, not a mechanical edit, because it changes how 126 places
 * look and needs a design review rather than a codemod.
 *
 * -elevation-N is bucketed by depth; -ring is a focus/selection ring; -inset is an
 * inner border.
 */
:root {
--sage-app-shadow-elevation-2: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-8) var(--sage-legacy-alpha-0-0-0-0060);
  --sage-app-shadow-elevation-2-2: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-4) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-ring: 0 0 0 var(--sage-legacy-u-3) var(--primary-light);
  --sage-app-shadow-elevation-3: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-6) calc(var(--sage-legacy-u-1) * -1) var(--sage-legacy-alpha-0-0-0-0100), 0 var(--sage-legacy-u-2) var(--sage-legacy-u-4) calc(var(--sage-legacy-u-2) * -1) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-elevation-1: 0 var(--sage-legacy-u-1) var(--sage-legacy-u-3) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-ring-2: 0 0 0 var(--sage-legacy-u-3) var(--primary-light, var(--sage-legacy-alpha-37-99-235-0140));
  --sage-app-shadow-ring-3: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-239-68-68-0100);
  --sage-app-shadow-ring-4: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-239-68-68-0200);
  --sage-app-shadow-elevation-6: 0 var(--sage-legacy-u-20) var(--sage-legacy-u-60) var(--sage-legacy-alpha-0-0-0-0300);
  --sage-app-shadow-elevation-3-2: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-12) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-ring-5: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-102-126-234-0100);
  --sage-app-shadow-elevation-2-3: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-8) var(--sage-legacy-alpha-0-0-0-0050);
  --sage-app-shadow-elevation-3-3: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-24) var(--sage-legacy-alpha-0-0-0-0150);
  --sage-app-shadow-elevation-1-2: 0 var(--sage-legacy-u-1) var(--sage-legacy-u-2) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-elevation-2-4: 0 calc(var(--sage-legacy-u-2) * -1) var(--sage-legacy-u-12) var(--sage-legacy-alpha-0-0-0-0080);
  --sage-app-shadow-elevation-2-5: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-8) var(--sage-legacy-alpha-102-126-234-0300);
  --sage-app-shadow-elevation-3-4: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-12) var(--sage-legacy-alpha-102-126-234-0400);
  --sage-app-shadow-elevation-2-6: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-8) var(--sage-legacy-alpha-0-0-0-0100);
  --sage-app-shadow-elevation-3-5: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-12) var(--sage-legacy-alpha-0-0-0-0150);
  --sage-app-shadow-elevation-2-7: 0 var(--sage-legacy-u-2) var(--sage-legacy-u-8) var(--sage-legacy-alpha-0-0-0-0150);
  --sage-app-shadow-ring-6: 0 0 0 var(--sage-legacy-u-4) var(--sage-focus-ring);
  --sage-app-shadow-elevation-5: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-22) var(--sage-legacy-alpha-15-23-42-0080);
  --sage-app-shadow-elevation-4: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-18) var(--sage-legacy-alpha-15-23-42-0060);
  --sage-app-shadow-elevation-5-2: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-24) var(--sage-legacy-alpha-15-23-42-0050);
  --sage-app-shadow-inset: inset var(--sage-legacy-u-3) 0 0 var(--primary, var(--primary));
  --sage-app-shadow-elevation-6-2: 0 var(--sage-legacy-u-18) var(--sage-legacy-u-50) var(--sage-legacy-alpha-15-23-42-0160);
  --sage-app-shadow-elevation-4-2: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-22) var(--sage-legacy-alpha-15-23-42-0050);
  --sage-app-shadow-inset-2: inset 0 0 0 var(--sage-legacy-u-1) var(--sage-legacy-alpha-255-255-255-0500);
  --sage-app-shadow-elevation-4-3: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-18) var(--sage-legacy-alpha-29-78-216-0160);
  --sage-app-shadow-elevation-5-3: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-24) var(--sage-legacy-alpha-29-78-216-0200);
  --sage-app-shadow-elevation-3-6: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-14) var(--sage-legacy-alpha-15-23-42-0040);
  --sage-app-shadow-elevation-5-4: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-26) var(--sage-legacy-alpha-15-23-42-0050);
  --sage-app-shadow-elevation-3-7: 0 var(--sage-legacy-u-4) var(--sage-legacy-u-10) var(--sage-legacy-alpha-37-99-235-0080);
  --sage-app-shadow-elevation-4-4: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-22) var(--sage-legacy-alpha-15-23-42-0060);
  --sage-app-shadow-inset-3: inset 0 0 0 var(--sage-legacy-u-1) var(--sage-legacy-alpha-15-23-42-0080);
  --sage-app-shadow-elevation-1-3: 0 var(--sage-legacy-u-1) var(--sage-legacy-u-3) var(--sage-legacy-alpha-15-23-42-0250);
  --sage-app-shadow-elevation-5-5: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-26) var(--sage-legacy-alpha-15-23-42-0080);
  --sage-app-shadow-elevation-4-5: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-20) var(--sage-legacy-alpha-15-23-42-0045);
  --sage-app-shadow-elevation-4-6: 0 var(--sage-legacy-u-6) var(--sage-legacy-u-16) var(--sage-legacy-alpha-15-23-42-0035);
  --sage-app-shadow-elevation-4-7: 0 var(--sage-legacy-u-6) var(--sage-legacy-u-14) var(--sage-legacy-alpha-15-23-42-0040);
  --sage-app-shadow-inset-4: inset 0 0 0 var(--sage-legacy-u-1) var(--sage-legacy-alpha-148-163-184-0080);
  --sage-app-shadow-ring-7: 0 0 0 var(--sage-legacy-u-1) var(--sage-legacy-alpha-147-197-253-0350);
  --sage-app-shadow-elevation-6-3: 0 var(--sage-legacy-u-18) var(--sage-legacy-u-36) var(--sage-legacy-alpha-0-0-0-0450);
  --sage-app-shadow-inset-5: 0 0 0 var(--sage-legacy-u-1000) var(--field, var(--sage-legacy-color-0f172a)) inset;
  --sage-app-shadow-elevation-4-8: 0 var(--sage-legacy-u-8) var(--sage-legacy-u-20) var(--sage-legacy-alpha-15-23-42-0050);
  --sage-app-shadow-ring-8: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-37-99-235-0160);
  --sage-app-shadow-elevation-4-9: 0 calc(var(--sage-legacy-u-8) * -1) var(--sage-legacy-u-18) var(--sage-legacy-alpha-15-23-42-0080);
  --sage-app-shadow-elevation-5-6: 0 var(--sage-legacy-u-10) var(--sage-legacy-u-24) var(--sage-legacy-alpha-0-0-0-0280);
  --sage-app-shadow-ring-9: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-96-165-250-0220);
  --sage-app-shadow-elevation-4-10: 0 calc(var(--sage-legacy-u-8) * -1) var(--sage-legacy-u-18) var(--sage-legacy-alpha-0-0-0-0340);
  --sage-app-shadow-ring-10: 0 0 0 var(--sage-legacy-u-3) color-mix(in srgb, var(--primary) 18%, transparent);
  --sage-app-shadow-ring-11: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-37-99-235-0180);
  --sage-app-shadow-ring-12: 0 0 0 var(--sage-legacy-u-3) var(--sage-legacy-alpha-37-99-235-0120);
  --sage-app-shadow-elevation-4-11: calc(var(--sage-legacy-u-8) * -1) 0 var(--sage-legacy-u-12) var(--sage-legacy-alpha-15-23-42-0080);
  --sage-app-shadow-elevation-4-12: calc(var(--sage-legacy-u-8) * -1) 0 var(--sage-legacy-u-12) var(--sage-legacy-alpha-0-0-0-0280);
}