💄(frontend) using darker primary color variation on important items

this is mainly to make opendesk demo work better, will clean that so
that it's customizable by theme

src/frontend/apps/impress/src/components/Icon.tsx

@@ -13,6 +13,7 @@ export const IconBG = ({ iconName, ...textProps }: IconBGProps) => {
       $isMaterialIcon
       $size="36px"
       $theme="primary"
+      $variation="700"
       $background={colorsTokens()['primary-bg']}
       $css={`border: 1px solid ${colorsTokens()['primary-200']}`}
       $radius="12px"

src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeader.tsx

@@ -39,7 +39,7 @@ export const DocHeader = ({ doc, versionId }: DocHeaderProps) => {
             <Text
               $isMaterialIcon
               $theme="primary"
-              $variation="600"
+              $variation="700"
               $size="2rem"
               $css={`&:hover {background-color: ${colorsTokens()['primary-100']}; };`}
               $hasTransition

src/frontend/apps/impress/src/features/docs/doc-management/components/DocVisibility.tsx

@@ -43,7 +43,7 @@ export const DocVisibility = ({ doc }: DocVisibilityProps) => {
       $justify="space-between"
     >
       <Box $direction="row" $gap="1rem">
-        <IconBG iconName="public" $margin="none" />
+        <IconBG iconName="public" />
         <Switch
           label={t(docPublic ? 'Doc public' : 'Doc private')}
           defaultChecked={docPublic}

src/frontend/apps/impress/src/features/docs/doc-management/components/ModalShare.tsx

@@ -58,7 +58,7 @@ export const ModalShare = ({ onClose, doc }: ModalShareProps) => {
               $isMaterialIcon
               $size="48px"
               $theme="primary"
-              $variation="600"
+              $variation="700"
             >
               share
             </Text>

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx

@@ -102,7 +102,7 @@ export const DocsGrid = ({ topSlot }: { topSlot?: ReactNode }) => {
           as="h2"
           $theme="primary"
           $margin="none"
-          $variation="600"
+          $variation="700"
         >
           {t('Documents')}
         </Text>