/* ============================================================
   Klook Workbench 2B · Radius, Shadow & Motion Tokens
   Source: references/06-tokens.md §圆角 §阴影 §动效
   Flat, restrained design — shadows are essentially off.
   ============================================================ */

:root {
  /* ---- Border radius (graded) ------------------------------- */
  --klk-radius-xs:   2px;    /* checkbox */
  --klk-radius-sm:   4px;    /* tag */
  --klk-radius:      6px;    /* DEFAULT — input, select, button, date picker */
  --klk-radius-seg:  8px;    /* segmented control container */
  --klk-radius-dropdown: 8px; /* dropdown / popover — antd borderRadiusLG default (beta-6.0: no longer forced to 16) */
  --klk-radius-modal: 12px;  /* modal, drawer overlay */
  --klk-radius-card-nested: 12px; /* card-in-card / nested module (beta-6.0: raised 8 → 12) */
  --klk-radius-card: 16px;   /* OUTERMOST content cards / module containers (Figma) */
  --klk-radius-pill: 9999px; /* sidebar menu items, capsules */

  /* ---- Shadow (flat — only the faint card shadow is allowed) -- */
  --klk-shadow-none: none;
  --klk-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.03);  /* the ONLY allowed shadow */
  --klk-shadow-dropdown: 0 6px 16px 0 rgba(0,0,0,0.08),
                         0 3px 6px -4px rgba(0,0,0,0.12),
                         0 9px 28px 8px rgba(0,0,0,0.05);  /* overlays/menus */

  /* ---- Motion ----------------------------------------------- */
  --klk-duration-mid: 0.15s;     /* @kind other */  /* short, light, restrained */
  --klk-duration-nav: 350ms;     /* @kind other */  /* sidebar width / chrome transitions */
  --klk-ease-standard: cubic-bezier(0.645, 0.045, 0.355, 1);  /* @kind other */
  --klk-ease-out:      cubic-bezier(0.215, 0.61, 0.355, 1);   /* @kind other */
  --klk-ease-nav:      cubic-bezier(0.2, 0, 0, 1);            /* @kind other */
  --klk-ease-switch:   cubic-bezier(0.34, 0.69, 0.1, 1);      /* @kind other */
}