fix(theme): align component styles with shared theme CSS variables

ts_web/elements/00group-media/dees-pdf-viewer/styles.ts

@@ -1,6 +1,8 @@
 import { css, cssManager } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
 
 export const viewerStyles = [
+  themeDefaultStyles,
   cssManager.defaultStyles,
   css`
     :host {
@@ -369,7 +371,7 @@ export const viewerStyles = [
       display: flex;
       align-items: center;
       font-size: 11px;
-      color: ${cssManager.bdTheme('hsl(0 0% 45%)', 'hsl(0 0% 55%)')};
+      color: var(--dees-color-text-muted);
       width: 100%;
       box-sizing: border-box;
       position: relative;
@@ -383,7 +385,7 @@ export const viewerStyles = [
 
     .pdf-footer-left .pdf-footer-item + .pdf-footer-item {
       padding-left: 12px;
-      border-left: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
+      border-left: 1px solid var(--dees-color-border-default);
     }
 
     .pdf-footer-center {