@layer tokens, foundation, base, components, utilities, controls, overrides;
@layer tokens {

  /* Shared design tokens */
   :root {
       --dt-color-label-bg:#4e6680;
       --dt-color-label-fg:#ffffff;
       --dt-color-label-border:#4e6680;
       --dt-radius-pill:999px;
     --dt-font-family-display:"Inter Tight" ,sans-serif;
       --dt-font-size-label:.8rem;
       --dt-font-weight-label:800;
       --dt-letter-spacing-label:.08em;
       --dt-line-height-label:1.15;
       --dt-section-gap:0px;
       --dt-color-text-dark:#1d324c;
       --dt-color-text-dark-strong:#203650;
       --dt-color-text-muted:#5c7088;
       --dt-color-text-muted-soft:#5d728c;
       --dt-color-text-slate:#61758f;
       --dt-color-text-soft-blue:#d7e4f6;
       --dt-color-text-soft-blue-2:#d0def1;
       --dt-color-text-white:#ffffff;
       --dt-border-light-soft:1px solid rgba(86,110,140,.14);
       --dt-border-dark-soft:1px solid rgba(194,214,241,.16);
       --dt-border-dark-strong:1px solid rgba(194,214,241,.18);
       --dt-shadow-light-card:0 18px 38px rgba(24,43,67,.08);
       --dt-shadow-dark-card:0 22px 48px rgba(24,43,67,.16);
       --dt-shadow-dark-panel:0 28px 65px rgba(24,43,67,.18);
       --dt-gradient-light-card:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(244,249,255,.86) 100%);
       --dt-gradient-light-card-soft:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(244,249,255,.9) 100%);
       --dt-gradient-dark-card:linear-gradient(180deg,#263d5d 0%,#34537b 100%);
       --dt-gradient-dark-card-alt:linear-gradient(180deg,#223854 0%,#304b70 100%);

  }

}