/* ============================================================================
   T3Bootstrap · Spacing, radius, elevation & layout tokens
   The spacing stepper (none → xxl) and radius/shadow scale come directly
   from the SCSS $spacers, $border-radius* and $box-shadow* maps.
   ============================================================================ */

:root {
  /* — Spacing stepper (matches the backend Spacing control: none → xxl) — */
  --ds-space-none: 0;
  --ds-space-xs:  .25rem;   /*  4px */
  --ds-space-sm:  .5rem;    /*  8px */
  --ds-space-md:  1rem;     /* 16px */
  --ds-space-lg:  1.5rem;   /* 24px */
  --ds-space-xl:  3rem;     /* 48px */
  --ds-space-xxl: 5rem;     /* 80px */

  /* — Border radius — */
  --ds-radius-sm:   .25rem;   /*  4px */
  --ds-radius:      .5rem;    /*  8px — default */
  --ds-radius-lg:   .75rem;   /* 12px */
  --ds-radius-xl:   1rem;     /* 16px */
  --ds-radius-pill: 50rem;
  --ds-radius-logo: 27px;     /* the mark's rounded-square corner (rx=27 @120) */

  /* — Border widths — */
  --ds-border-width: 1px;
  --ds-border-width-strong: 2px;

  /* — Elevation (custom shadow tokens; ink-based, low & soft) — */
  --ds-shadow-sm: 0 1px 2px rgba(20,22,28,.06), 0 1px 1px rgba(20,22,28,.04);
  --ds-shadow:    0 4px 12px rgba(20,22,28,.08), 0 2px 4px rgba(20,22,28,.05);
  --ds-shadow-lg: 0 12px 32px rgba(20,22,28,.12), 0 4px 8px rgba(20,22,28,.06);

  /* — Layout — */
  --ds-container:    1200px;   /* Bootstrap xl container */
  --ds-container-sm: 960px;    /* prose / narrow */
  --ds-gutter:       1.5rem;   /* default grid gutter (24px) */

  /* — Breakpoints (Bootstrap 5 defaults; for reference) — */
  --ds-bp-sm:  576px;
  --ds-bp-md:  768px;
  --ds-bp-lg:  992px;
  --ds-bp-xl:  1200px;
  --ds-bp-xxl: 1400px;

  /* — Motion (added for the system; Bootstrap-style ease) — */
  --ds-ease:       cubic-bezier(.4, 0, .2, 1);    /* @kind other */
  --ds-ease-out:   cubic-bezier(.16, 1, .3, 1);   /* @kind other */
  --ds-dur-fast:   120ms;                          /* @kind other */
  --ds-dur:        200ms;                           /* @kind other */
  --ds-dur-slow:   320ms;                           /* @kind other */
}