/* Aladdin design-system extension. Opt-in tokens; no global visual reset. */
:root{
  --ds-space-0:0;
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:20px;
  --ds-space-6:24px;
  --ds-space-8:32px;
  --ds-space-10:40px;
  --ds-text-xs:12px;
  --ds-text-sm:14px;
  --ds-text-md:16px;
  --ds-text-lg:20px;
  --ds-text-xl:clamp(24px,3vw,34px);
  --ds-leading-tight:1.25;
  --ds-leading-body:1.5;
  --ds-target:42px;
  --ds-target-touch:44px;
  --ds-content-max:1320px;
  --ds-menu-width:min(320px,calc(100vw - 32px));
  --ds-radius:var(--al-r-sm,10px);
  --ds-border:var(--al-line,#ECE4D8);
  --ds-border-strong:var(--al-line-strong,#D9CFC2);
  --ds-surface:var(--al-card,#FFFFFF);
  --ds-surface-quiet:var(--al-hover,#F2ECE3);
  --ds-ink:var(--al-ink,#3A3A3C);
  --ds-ink-quiet:var(--al-ink-quiet,#6B635B);
  --ds-focus:var(--al-focus,#FF8033);
  --ds-shadow-menu:var(--al-shadow-lift,0 12px 32px rgba(58,58,60,.18));
}
@media (pointer:coarse),(max-width:640px){:root{--ds-target:var(--ds-target-touch)}}
