/* ── Jira light mode design tokens ── */
:root {
  --primary:      #0052CC;
  --primary-hov:  #0065FF;
  --primary-dk:   #003E99;
  --primary-lt:   #DEEBFF;
  --primary-sub:  #B3D4FF;
  --bg:           #F4F5F7;
  --card:         #FFFFFF;
  --border:       #DFE1E6;
  --border-sub:   #EBECF0;
  --text:         #172B4D;
  --muted:        #5E6C84;
  --subtle:       #7A869A;
  --success:      #006644;
  --success-lt:   #E3FCEF;
  --success-med:  #00875A;
  --error:        #BF2600;
  --error-lt:     #FFEBE6;
  --error-med:    #DE350B;
  --warning:      #974F0C;
  --warning-lt:   #FFFAE6;
  --warning-med:  #FF8B00;
  --info:         #0052CC;
  --info-lt:      #DEEBFF;
  --purple:       #403294;
  --purple-lt:    #EAE6FF;
  --teal:         #006460;
  --teal-lt:      #E6FCFF;
  --r:            6px;
  --r-md:         10px;
  --r-lg:         14px;
  --shadow:       0 1px 3px rgba(9,30,66,.12), 0 0 0 1px rgba(9,30,66,.08);
  --shadow-md:    0 3px 8px rgba(9,30,66,.12), 0 0 0 1px rgba(9,30,66,.08);
  --shadow-lg:    0 8px 20px rgba(9,30,66,.10), 0 0 0 1px rgba(9,30,66,.08);
}

/* ── Dark mode tokens ── */
body.dark {
  --primary:      #579DFF;
  --primary-hov:  #85B8FF;
  --primary-dk:   #1F6FEB;
  --primary-lt:   #1a2a42;
  --primary-sub:  #09326C;
  --bg:           #0F1117;
  --card:         #1C1C22;
  --border:       #2A2A35;
  --border-sub:   #232329;
  --text:         #E2E4E9;
  --muted:        #8A8FA8;
  --subtle:       #5E6375;
  --success:      #7EE2B8;
  --success-lt:   #12261f;
  --success-med:  #2ABB7F;
  --error:        #FF8F73;
  --error-lt:     #2d1612;
  --error-med:    #F87462;
  --warning:      #F5CD47;
  --warning-lt:   #261c00;
  --warning-med:  #E2B203;
  --info:         #579DFF;
  --info-lt:      #1a2a42;
  --purple:       #9F8FEF;
  --purple-lt:    #1e1840;
  --teal:         #60C6D2;
  --teal-lt:      #142429;
  --shadow:       0 1px 3px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04);
  --shadow-md:    0 3px 8px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04);
  --shadow-lg:    0 8px 20px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.04);
}

/* dark overrides for components that use hardcoded hex */
body.dark .data-table tr:hover td { background: #232329; }
body.dark .data-table th          { background: #17171c; }
body.dark .shimmer {
  background: linear-gradient(90deg,#2A2A35 25%,#32323e 50%,#2A2A35 75%);
  background-size: 200% 100%;
}
/* .btn-default = Option 1 blue ghost (transparent + blue text/border) in both
   themes. Definition lives in components.css; no dark fill override here. */
body.dark .ws-select { background: #1C1C22; color: var(--text); border-color: #2A2A35; }
body.dark .sb-footer strong { color: var(--muted); }
body.dark .lz-default { background: #2A2A35; color: var(--muted); }