/*
 * Den-SHOW Design Tokens v0.7.0
 * Global variables only. Do not place component/page rules here.
 */
:root{
  /* Brand base */
  --ds-color-bg:#030504;
  --ds-color-bg-deep:#020706;
  --ds-color-surface:#f7f4e8;
  --ds-color-surface-soft:#fbf8ef;
  --ds-color-text:#162016;
  --ds-color-text-inverse:#f5fff7;
  --ds-color-muted:#6f796f;
  --ds-color-muted-inverse:#a3b5aa;
  --ds-color-line:rgba(22,32,22,.12);
  --ds-color-line-inverse:rgba(245,255,247,.13);

  /* Motion-only business colors */
  --ds-motion-corporate:#35df8a;
  --ds-motion-technology:#5ab7ff;
  --ds-motion-place:#c9ae72;
  --ds-motion-commerce:transparent;
  --ds-motion-social-purple:#a875ff;
  --ds-motion-social-emerald:#35df8a;

  /* Layout */
  --ds-container-max:1160px;
  --ds-container-gutter:44px;
  --ds-container-gutter-mobile:30px;
  --ds-space-section:132px;
  --ds-space-section-tablet:112px;
  --ds-space-section-mobile:88px;
  --ds-space-section-compact:96px;
  --ds-space-section-sm:96px;
  --ds-hero-min-height:100svh;

  /* Shape */
  --ds-radius-card:30px;
  --ds-radius-card-sm:24px;
  --ds-radius-pill:999px;

  /* Motion */
  --ds-transition-base:.35s ease;
  --ds-transition-fast:.22s ease;
  --ds-trail-count:6;
  --ds-trail-height:1px;
  --ds-trail-height-strong:2px;
  --ds-trail-opacity-min:.20;
  --ds-trail-opacity-max:.45;
  --ds-trail-duration-min:8s;
  --ds-trail-duration-max:12s;

  /* z-index */
  --ds-z-effects:0;
  --ds-z-motion:5;
  --ds-z-content:10;
  --ds-z-sticky:50;
  --ds-z-header:100;
  --ds-z-dropdown:300;
  --ds-z-mobile-menu:500;
  --ds-z-modal:900;
  --ds-z-debug:9999;

  /* Legacy variable bridges */
  --ds-bg:var(--ds-color-bg);
  --ds-text:var(--ds-color-text-inverse);
  --ds-muted:var(--ds-color-muted-inverse);
  --ds-line:var(--ds-color-line-inverse);
  --ds-green-bright:var(--ds-motion-corporate);
  --ds-green-soft:#8cc85f;
  --ds-gold:var(--ds-motion-place);
  --ds-radius:var(--ds-radius-card);
}