Mudou paleta para laranja/amarelo

X-Lovable-Edit-ID: edt-a3a6cba9-a4f3-4881-b678-a31f4606984a
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",

src/styles.css

@@ -75,50 +75,50 @@
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.18 0.04 265);
 
-  --primary: oklch(0.62 0.19 277);         /* #6366F1 indigo-500 */
+  --primary: oklch(0.70 0.19 47);          /* #F97316 orange-500 */
   --primary-foreground: oklch(0.99 0 0);
-  --primary-dark: oklch(0.55 0.21 277);    /* #4F46E5 indigo-600 */
+  --primary-dark: oklch(0.62 0.20 40);     /* #EA580C orange-600 */
-  --primary-light: oklch(0.74 0.13 277);   /* #818CF8 indigo-400 */
+  --primary-light: oklch(0.78 0.16 55);    /* #FB923C orange-400 */
 
-  --secondary: oklch(0.72 0.17 162);       /* #10B981 emerald-500 */
+  --secondary: oklch(0.83 0.17 85);        /* #FACC15 yellow-400 */
-  --secondary-foreground: oklch(0.99 0 0);
+  --secondary-foreground: oklch(0.18 0.04 265);
 
-  --accent: oklch(0.78 0.16 75);           /* #F59E0B amber-500 */
+  --accent: oklch(0.78 0.17 70);           /* #F59E0B amber-500 */
   --accent-foreground: oklch(0.18 0.04 265);
 
   --muted: oklch(0.96 0.005 256);
   --muted-foreground: oklch(0.55 0.03 256);/* #64748B */
 
-  --destructive: oklch(0.63 0.23 25);      /* #EF4444 */
+  --destructive: oklch(0.58 0.24 27);      /* #DC2626 red-600 — distinto do laranja */
   --destructive-foreground: oklch(0.99 0 0);
-  --success: oklch(0.72 0.17 162);
+  --success: oklch(0.72 0.17 162);         /* #10B981 — sucesso continua verde */
-  --warning: oklch(0.78 0.16 75);
+  --warning: oklch(0.78 0.17 70);
 
   --border: oklch(0.92 0.01 256);          /* #E2E8F0 */
   --input: oklch(0.92 0.01 256);
-  --ring: oklch(0.62 0.19 277);
+  --ring: oklch(0.70 0.19 47);
 
-  --chart-1: oklch(0.62 0.19 277);
+  --chart-1: oklch(0.70 0.19 47);          /* laranja */
-  --chart-2: oklch(0.72 0.17 162);
+  --chart-2: oklch(0.83 0.17 85);          /* amarelo */
-  --chart-3: oklch(0.78 0.16 75);
+  --chart-3: oklch(0.78 0.17 70);          /* âmbar */
-  --chart-4: oklch(0.55 0.21 277);
+  --chart-4: oklch(0.62 0.20 40);          /* laranja escuro */
-  --chart-5: oklch(0.74 0.13 277);
+  --chart-5: oklch(0.72 0.17 162);         /* verde sucesso */
 
   --sidebar: oklch(1 0 0);
   --sidebar-foreground: oklch(0.18 0.04 265);
-  --sidebar-primary: oklch(0.62 0.19 277);
+  --sidebar-primary: oklch(0.70 0.19 47);
   --sidebar-primary-foreground: oklch(0.99 0 0);
   --sidebar-accent: oklch(0.96 0.005 256);
   --sidebar-accent-foreground: oklch(0.18 0.04 265);
   --sidebar-border: oklch(0.92 0.01 256);
-  --sidebar-ring: oklch(0.62 0.19 277);
+  --sidebar-ring: oklch(0.70 0.19 47);
 
-  /* Gradientes & sombras Mika */
+  /* Gradientes & sombras Mika — calor de pôr-do-sol */
-  --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.62 0.19 277 / 0.18), transparent 60%),
+  --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.70 0.19 47 / 0.20), transparent 60%),
-                   radial-gradient(circle at 80% 80%, oklch(0.72 0.17 162 / 0.12), transparent 55%);
+                   radial-gradient(circle at 80% 80%, oklch(0.83 0.17 85 / 0.16), transparent 55%);
-  --gradient-primary: linear-gradient(135deg, oklch(0.62 0.19 277), oklch(0.55 0.21 277));
+  --gradient-primary: linear-gradient(135deg, oklch(0.83 0.17 85), oklch(0.70 0.19 47) 55%, oklch(0.62 0.20 40));
   --shadow-soft: 0 1px 2px oklch(0.18 0.04 265 / 0.04), 0 4px 12px oklch(0.18 0.04 265 / 0.06);
-  --shadow-glow: 0 10px 40px -10px oklch(0.62 0.19 277 / 0.45);
+  --shadow-glow: 0 10px 40px -10px oklch(0.70 0.19 47 / 0.50);
 }
 
 .dark {
@@ -131,15 +131,15 @@
   --popover: oklch(0.25 0.04 260);
   --popover-foreground: oklch(0.96 0.01 247);
 
-  --primary: oklch(0.62 0.19 277);
+  --primary: oklch(0.74 0.18 55);          /* laranja mais claro p/ contraste no dark */
-  --primary-foreground: oklch(0.99 0 0);
+  --primary-foreground: oklch(0.18 0.04 265);
-  --primary-dark: oklch(0.55 0.21 277);
+  --primary-dark: oklch(0.66 0.20 47);
-  --primary-light: oklch(0.74 0.13 277);
+  --primary-light: oklch(0.82 0.15 65);
 
-  --secondary: oklch(0.72 0.17 162);
+  --secondary: oklch(0.85 0.16 88);        /* amarelo */
-  --secondary-foreground: oklch(0.99 0 0);
+  --secondary-foreground: oklch(0.18 0.04 265);
 
-  --accent: oklch(0.78 0.16 75);
+  --accent: oklch(0.80 0.17 72);           /* âmbar */
   --accent-foreground: oklch(0.18 0.04 265);
 
   --muted: oklch(0.28 0.04 260);
@@ -148,31 +148,32 @@
   --destructive: oklch(0.63 0.23 25);
   --destructive-foreground: oklch(0.99 0 0);
   --success: oklch(0.72 0.17 162);
-  --warning: oklch(0.78 0.16 75);
+  --warning: oklch(0.80 0.17 72);
 
   --border: oklch(0.32 0.03 256);          /* #334155 */
   --input: oklch(0.32 0.03 256);
-  --ring: oklch(0.74 0.13 277);
+  --ring: oklch(0.74 0.18 55);
 
-  --chart-1: oklch(0.74 0.13 277);
+  --chart-1: oklch(0.74 0.18 55);
-  --chart-2: oklch(0.72 0.17 162);
+  --chart-2: oklch(0.85 0.16 88);
-  --chart-3: oklch(0.78 0.16 75);
+  --chart-3: oklch(0.80 0.17 72);
-  --chart-4: oklch(0.55 0.21 277);
+  --chart-4: oklch(0.66 0.20 47);
-  --chart-5: oklch(0.62 0.19 277);
+  --chart-5: oklch(0.72 0.17 162);
 
   --sidebar: oklch(0.22 0.04 262);
   --sidebar-foreground: oklch(0.96 0.01 247);
-  --sidebar-primary: oklch(0.74 0.13 277);
+  --sidebar-primary: oklch(0.74 0.18 55);
-  --sidebar-primary-foreground: oklch(0.99 0 0);
+  --sidebar-primary-foreground: oklch(0.18 0.04 265);
   --sidebar-accent: oklch(0.28 0.04 260);
   --sidebar-accent-foreground: oklch(0.96 0.01 247);
   --sidebar-border: oklch(0.32 0.03 256);
-  --sidebar-ring: oklch(0.74 0.13 277);
+  --sidebar-ring: oklch(0.74 0.18 55);
 
-  --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.62 0.19 277 / 0.25), transparent 60%),
+  --gradient-hero: radial-gradient(circle at 30% 20%, oklch(0.74 0.18 55 / 0.28), transparent 60%),
-                   radial-gradient(circle at 80% 80%, oklch(0.72 0.17 162 / 0.18), transparent 55%);
+                   radial-gradient(circle at 80% 80%, oklch(0.85 0.16 88 / 0.18), transparent 55%);
+  --gradient-primary: linear-gradient(135deg, oklch(0.85 0.16 88), oklch(0.74 0.18 55) 55%, oklch(0.66 0.20 47));
   --shadow-soft: 0 1px 2px oklch(0 0 0 / 0.3), 0 8px 24px oklch(0 0 0 / 0.35);
-  --shadow-glow: 0 10px 40px -10px oklch(0.62 0.19 277 / 0.55);
+  --shadow-glow: 0 10px 40px -10px oklch(0.74 0.18 55 / 0.55);
 }
 
 @layer base {