Changes

Co-authored-by: domfelipe <53182096+domfelipe@users.noreply.github.com>

public/favicon.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
   <rect width="64" height="64" rx="14" fill="#FFFFFF"/>
   <text x="32" y="46" font-family="Inter, system-ui, sans-serif" font-size="44" font-weight="800"
-        text-anchor="middle" fill="#6366F1" letter-spacing="-2">M<tspan fill="#F59E0B">.</tspan></text>
+        text-anchor="middle" fill="#F97316" letter-spacing="-2">M<tspan fill="#FACC15">.</tspan></text>
 </svg>

public/og.svg

@@ -1,14 +1,14 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
   <defs>
     <radialGradient id="bg" cx="50%" cy="50%" r="75%">
-      <stop offset="0%" stop-color="#6366F1" />
+      <stop offset="0%" stop-color="#F97316" />
       <stop offset="100%" stop-color="#0F172A" />
     </radialGradient>
   </defs>
   <rect width="1200" height="630" fill="url(#bg)" />
   <g font-family="Inter, system-ui, sans-serif" text-anchor="middle">
     <text x="600" y="320" font-size="120" font-weight="800" fill="#FFFFFF" letter-spacing="-4">
-      Mika<tspan fill="#F59E0B">.</tspan>
+      Mika<tspan fill="#FACC15">.</tspan>
     </text>
     <text x="600" y="400" font-size="36" font-weight="500" fill="#F1F5F9">
       Seu assistente de IA no Telegram

src/components/mika/LandingFooter.tsx

@@ -39,7 +39,7 @@ export function LandingFooter() {
             <p className="mt-4 text-sm text-muted-foreground max-w-xs">
               Seu assistente de IA pessoal no Telegram, gerenciado e em português.
             </p>
-            <Badge className="mt-4 bg-secondary/15 text-secondary hover:bg-secondary/15 border-0 font-semibold">
+            <Badge className="mt-4 bg-success/15 text-success hover:bg-success/15 border-0 font-semibold">
               Feito no Brasil 🇧🇷
             </Badge>
           </div>

src/components/mika/PlansSection.tsx

@@ -102,7 +102,7 @@ export function PlansSection() {
             <Switch checked={yearly} onCheckedChange={setYearly} aria-label="Alternar entre mensal e anual" />
             <span className={cn("text-sm font-medium flex items-center gap-2", yearly && "text-foreground", !yearly && "text-muted-foreground")}>
               Anual
-              <Badge className="bg-secondary/15 text-secondary hover:bg-secondary/15 border-0 font-semibold">20% off</Badge>
+              <Badge className="bg-success/15 text-success hover:bg-success/15 border-0 font-semibold">20% off</Badge>
             </span>
           </div>
         </div>
@@ -156,7 +156,7 @@ export function PlansSection() {
                 <ul className="mt-6 space-y-3 flex-1">
                   {plan.features.map((f) => (
                     <li key={f} className="flex items-start gap-2 text-sm">
-                      <Check className="h-4 w-4 text-secondary mt-0.5 flex-shrink-0" aria-hidden />
+                      <Check className="h-4 w-4 text-success mt-0.5 flex-shrink-0" aria-hidden />
                       <span>{f}</span>
                     </li>
                   ))}

src/routes/__root.tsx

@@ -38,7 +38,7 @@ export const Route = createRootRoute({
           "Agentes de IA personalizados que aprendem com você e te atendem direto no Telegram. Planos a partir de R$ 69,90/mês.",
       },
       { name: "author", content: "DOMCO" },
-      { name: "theme-color", content: "#6366F1" },
+      { name: "theme-color", content: "#F97316" },
       { property: "og:title", content: "Mika — Seu assistente de IA pessoal no Telegram" },
       {
         property: "og:description",