/* Standalone OrgChart design defaults. No HM Theme dependency. Only the six organization header gradients were measured in Workdesk. Neutral surfaces, card styling, typography and geometry are independent design adaptations, not verified official Workdesk values. Public --hm-orgchart-* inputs are intentionally NOT declared here: host overrides must inherit through the Shadow DOM. Resolve defaults locally. */ .hm-orgchart-shell { --hm-orgchart-resolved-bg-surface: var(--hm-orgchart-bg-surface, #ffffff); --hm-orgchart-resolved-bg-content: var(--hm-orgchart-bg-content, #f4f7fb); --hm-orgchart-resolved-bg-subtle: var(--hm-orgchart-bg-subtle, #e9edf3); --hm-orgchart-resolved-bg-brand: var(--hm-orgchart-bg-brand, linear-gradient(180deg, #45639f 0%, #809dd7 100%)); --hm-orgchart-resolved-fg-primary: var(--hm-orgchart-fg-primary, #10243b); --hm-orgchart-resolved-fg-secondary: var(--hm-orgchart-fg-secondary, #596575); --hm-orgchart-resolved-stroke-default: var(--hm-orgchart-stroke-default, #bac7d7); --hm-orgchart-resolved-stroke-input-default: var(--hm-orgchart-stroke-input-default, #d3dce8); --hm-orgchart-resolved-stroke-input-focus: var(--hm-orgchart-stroke-input-focus, #45639f); --hm-orgchart-resolved-accent: var(--hm-orgchart-accent-color, #eef2fa); --hm-orgchart-resolved-on-accent: var(--hm-orgchart-on-accent, #224387); --hm-orgchart-resolved-action-primary: var(--hm-orgchart-action-primary, #45639f); --hm-orgchart-resolved-on-action-primary: var(--hm-orgchart-on-action-primary, #ffffff); --hm-orgchart-resolved-font-family: var(--hm-orgchart-font-family, 'Noto Sans KR', 'Malgun Gothic', Arial, sans-serif); --hm-orgchart-resolved-font-weight-bold: var(--hm-orgchart-font-weight-bold, 700); --hm-orgchart-resolved-font-weight-medium: var(--hm-orgchart-font-weight-medium, 500); --hm-orgchart-resolved-radius-container: var(--hm-orgchart-radius-container, 4px); --hm-orgchart-resolved-radius-control-md: var(--hm-orgchart-radius-control-md, 4px); --hm-orgchart-resolved-radius-pill: var(--hm-orgchart-radius-pill, 999px); --hm-orgchart-resolved-spacing-xs: var(--hm-orgchart-spacing-xs, 4px); --hm-orgchart-resolved-spacing-sm: var(--hm-orgchart-spacing-sm, 8px); --hm-orgchart-resolved-spacing-md: var(--hm-orgchart-spacing-md, 12px); --hm-orgchart-resolved-spacing-lg: var(--hm-orgchart-spacing-lg, 16px); --hm-orgchart-resolved-spacing-xl: var(--hm-orgchart-spacing-xl, 20px); --hm-orgchart-resolved-spacing-xxl: var(--hm-orgchart-spacing-xxl, 24px); --hm-orgchart-resolved-border-width: var(--hm-orgchart-border-width, 1px); --hm-orgchart-resolved-border-top-width: var(--hm-orgchart-border-top-width, 3px); --hm-orgchart-resolved-font-size-title: var(--hm-orgchart-font-size-title, 24px); --hm-orgchart-resolved-font-size-base: var(--hm-orgchart-font-size-base, 13px); --hm-orgchart-resolved-font-size-person: var(--hm-orgchart-font-size-person, 13px); --hm-orgchart-resolved-font-size-meta: var(--hm-orgchart-font-size-meta, 10px); --hm-orgchart-resolved-card-width-employee: var(--hm-orgchart-card-width-employee, 114px); --hm-orgchart-resolved-card-width-leader: var(--hm-orgchart-card-width-leader, 154px); --hm-orgchart-resolved-card-width-top-leader: var(--hm-orgchart-card-width-top-leader, 155px); --hm-orgchart-resolved-card-height-employee: var(--hm-orgchart-card-height-employee, 54px); --hm-orgchart-resolved-card-height-leader: var(--hm-orgchart-card-height-leader, 72px); --hm-orgchart-resolved-card-height-top-leader: var(--hm-orgchart-card-height-top-leader, 78px); --hm-orgchart-resolved-table-background: var(--hm-orgchart-table-background, var(--hm-orgchart-resolved-bg-surface)); --hm-orgchart-resolved-table-text: var(--hm-orgchart-table-text, var(--hm-orgchart-resolved-fg-primary)); --hm-orgchart-resolved-table-font-size: var(--hm-orgchart-table-font-size, 12px); --hm-orgchart-resolved-table-line-height: var(--hm-orgchart-table-line-height, 18px); --hm-orgchart-resolved-table-cell-padding-x: var(--hm-orgchart-table-cell-padding-x, 8px); --hm-orgchart-resolved-table-cell-padding-y: var(--hm-orgchart-table-cell-padding-y, 6px); --hm-orgchart-resolved-table-divider-color: var(--hm-orgchart-table-divider-color, var(--hm-orgchart-resolved-stroke-input-default)); --hm-orgchart-resolved-table-divider-width: var(--hm-orgchart-table-divider-width, var(--hm-orgchart-resolved-border-width)); --hm-orgchart-resolved-table-header-background: var(--hm-orgchart-table-header-background, #edf2f8); --hm-orgchart-resolved-table-header-text: var(--hm-orgchart-table-header-text, #224387); --hm-orgchart-resolved-table-header-font-size: var(--hm-orgchart-table-header-font-size, 12px); --hm-orgchart-resolved-table-header-font-weight: var(--hm-orgchart-table-header-font-weight, var(--hm-orgchart-resolved-font-weight-bold)); --hm-orgchart-resolved-table-header-border-top: var(--hm-orgchart-table-header-border-top, var(--hm-orgchart-resolved-stroke-input-focus)); --hm-orgchart-resolved-table-header-border-bottom: var(--hm-orgchart-table-header-border-bottom, var(--hm-orgchart-resolved-stroke-input-default)); --hm-orgchart-resolved-table-row-hover-background: var(--hm-orgchart-table-row-hover-background, var(--hm-orgchart-resolved-bg-content)); --hm-orgchart-resolved-table-footer-background: var(--hm-orgchart-table-footer-background, var(--hm-orgchart-resolved-bg-subtle)); --hm-orgchart-resolved-table-footer-font-weight: var(--hm-orgchart-table-footer-font-weight, var(--hm-orgchart-resolved-font-weight-medium)); --hm-orgchart-resolved-table-caption-color: var(--hm-orgchart-table-caption-color, var(--hm-orgchart-resolved-fg-secondary)); --hm-orgchart-resolved-table-caption-font-size: var(--hm-orgchart-table-caption-font-size, 11px); --hm-orgchart-resolved-table-caption-line-height: var(--hm-orgchart-table-caption-line-height, 16px); --hm-orgchart-resolved-table-caption-gap: var(--hm-orgchart-table-caption-gap, 8px); }