f

rsconcept/frontend/src/components/modal/modal-view.tsx

@@ -73,7 +73,7 @@ export function ModalView({
         <div
           className={cn(
             '@container/modal',
-            'max-w-[100svw] xs:max-w-[calc(100svw-2rem)]',
+            'max-w-svw xs:max-w-[calc(100svw-2rem)]',
             'overscroll-contain outline-hidden',
             overflowVisible ? 'overflow-visible' : 'overflow-auto',
             fullScreen ? 'max-h-[calc(100svh-2rem)]' : 'max-h-[calc(100svh-8rem)]',

rsconcept/frontend/src/features/ai/components/prompt-input/mark-variables.tsx

@@ -7,7 +7,7 @@ const invalidVarMark = Decoration.mark({
 });
 
 const validMark = Decoration.mark({
-  class: 'text-(--acc-fg-purple)'
+  class: 'text-accent-purple-foreground'
 });
 
 class MarkVariablesPlugin {

rsconcept/frontend/src/features/help/items/ui/help-formula-tree.tsx

@@ -13,23 +13,23 @@ export function HelpFormulaTree() {
 
       <h2>Виды узлов</h2>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-green)' />
+        <span className='cc-sample-color bg-accent-green' />
         объявление идентификатора
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-teal)' />
+        <span className='cc-sample-color bg-accent-teal' />
         глобальный идентификатор
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-orange)' />
+        <span className='cc-sample-color bg-accent-orange' />
         логическое выражение
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-blue)' />
+        <span className='cc-sample-color bg-accent-blue' />
         типизированное выражение
       </p>
       <p className='m-0'>
-        <span className='cc-sample-color bg-(--acc-bg-red)' />
+        <span className='cc-sample-color bg-accent-red' />
         присвоение и итерация
       </p>
       <p className='m-0'>

rsconcept/frontend/src/features/help/items/ui/help-library.tsx

@@ -34,7 +34,7 @@ export function HelpLibrary() {
 
       <ul>
         <li>
-          <span className='text-(--acc-fg-green)'>зеленым текстом</span> выделены ОСС
+          <span className='text-accent-green-foreground'>зеленым текстом</span> выделены ОСС
         </li>
         <li>
           <kbd>клик</kbd> по строке - переход к редактированию схемы

rsconcept/frontend/src/features/rsform/components/term-graph/toolbar-focused-cst.tsx

@@ -21,7 +21,7 @@ export function ToolbarFocusedCst({ focus, resetFocus, className }: ToolbarFocus
 
   return (
     <div className={cn('flex items-center cc-icons', className)}>
-      <div className='w-31 mt-0.5 text-right select-none text-(--acc-fg-purple)'>
+      <div className='w-31 mt-0.5 text-right select-none text-accent-purple-foreground'>
         <span>
           Фокус
           <b> {focus.alias} </b>