update

src/renderer/components/CompanyOnboarding/LanguageStep.tsx

@@ -24,7 +24,7 @@ export function LanguageStep({
       animate={{ opacity: 1, y: 0 }}
       exit={{ opacity: 0, y: -18 }}
       transition={{ duration: 0.32, ease: [0.16, 1, 0.3, 1] }}
-      className="surface w-full rounded-[12px] p-7"
+      className="surface w-full rounded-[8px] p-7"
     >
       <div className="mb-2 flex items-center gap-2 text-[10px] font-semibold uppercase tracking-[0.08em] text-[color:var(--muted)]">
         <GlobeSimple size={12} />
@@ -41,7 +41,7 @@ export function LanguageStep({
             key={locale}
             type="button"
             onClick={() => onLocaleChange(locale)}
-            className={`flex w-full items-center gap-3 rounded-[10px] border px-4 py-3.5 text-left transition ${
+            className={`flex w-full items-center gap-3 rounded-[8px] border px-4 py-3.5 text-left transition ${
               currentLocale === locale
                 ? "border-[color:var(--accent)] bg-[color:var(--accent-soft)]"
                 : "border-[color:var(--line)] bg-[color:var(--panel-soft)] hover:border-[color:var(--muted)]"
@@ -52,7 +52,7 @@ export function LanguageStep({
                 ? "border-[color:var(--accent)] bg-[color:var(--accent)]"
                 : "border-[color:var(--line)]"
             }`}>
-              {currentLocale === locale ? <CheckCircle size={14} weight="fill" className="text-white" /> : null}
+              {currentLocale === locale ? <CheckCircle size={14} weight="fill" className="text-[color:var(--text-on-accent)]" /> : null}
             </div>
             <span className={`text-[14px] font-medium ${
               currentLocale === locale ? "text-[color:var(--text)]" : "text-[color:var(--muted-strong)]"