fix: eliminate deprecated cyan, glass-border, and off-palette colors site-wide

- Replace all rgba(6,182,212,...) cyan focus borders and accents with
  rgba(249,115,22,...) ember orange across 21+ component files
- Remove all var(--glass-border) references (undefined variable) with
  var(--color-border-default) across 24 files
- Remove deprecated blur orbs and glass-morphism effects from
  SurveyPage, SurveyThankYouPage, and LoginPage
- Migrate landing.css from hardcoded hex to CSS custom properties
  (~97 replacements for single-source theming)
- Fix off-palette grays in FlowPilotAnalyticsPage chart styling
  (#8891a0 → #848b9b, #18191f → var(--color-bg-card))
- Update stale comments: "cyan brand" → "accent brand" in GlowEdge,
  "gradient cyan square" → "gradient orange square" in BrandLogo
- Rename glow-cyan SVG filter ID to glow-accent
- Fix category color comment: "cyan" → "deep orange"

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/pages/AssistantChatPage.tsx

@@ -593,7 +593,7 @@ export default function AssistantChatPage() {
                   'relative rounded-xl border transition-all',
                   loading ? 'border-border/50 opacity-50' :
                   isDragOver ? 'border-primary/50 bg-primary/5' :
-                  'border-border focus-within:border-[rgba(6,182,212,0.3)] focus-within:ring-1 focus-within:ring-primary/20'
+                  'border-border focus-within:border-[rgba(249,115,22,0.3)] focus-within:ring-1 focus-within:ring-primary/20'
                 )} style={{ background: 'var(--color-bg-card)' }}>
                   {/* Drag overlay */}
                   {isDragOver && (
@@ -663,7 +663,7 @@ export default function AssistantChatPage() {
                         onChange={(e) => setLogContent(e.target.value)}
                         placeholder="Paste event viewer logs, error messages, PowerShell output..."
                         rows={3}
-                        className="w-full resize-none rounded-lg border border-border bg-background p-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(6,182,212,0.3)] focus:outline-none"
+                        className="w-full resize-none rounded-lg border border-border bg-background p-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none"
                       />
                     </div>
                   )}

frontend/src/pages/FlowPilotAnalyticsPage.tsx

@@ -256,16 +256,16 @@ export default function FlowPilotAnalyticsPage() {
                     <CartesianGrid strokeDasharray="3 3" stroke="rgba(255,255,255,0.06)" />
                     <XAxis
                       dataKey="date"
-                      tick={{ fill: '#8891a0', fontSize: 10 }}
+                      tick={{ fill: '#848b9b', fontSize: 10 }}
                       tickFormatter={(d) => new Date(d).toLocaleDateString([], { month: 'short', day: 'numeric' })}
                     />
                     <YAxis
-                      tick={{ fill: '#8891a0', fontSize: 10 }}
+                      tick={{ fill: '#848b9b', fontSize: 10 }}
                       tickFormatter={(v) => `${Math.round(v)}m`}
                     />
                     <Tooltip
-                      contentStyle={{ background: '#18191f', border: '1px solid rgba(255,255,255,0.06)', borderRadius: 8, fontSize: 12 }}
-                      labelStyle={{ color: '#f8fafc' }}
+                      contentStyle={{ background: 'var(--color-bg-card)', border: '1px solid rgba(255,255,255,0.06)', borderRadius: 8, fontSize: 12 }}
+                      labelStyle={{ color: '#f0f2f5' }}
                       formatter={(v: number | undefined) => [`${Math.round(v ?? 0)}m`, 'MTTR']}
                     />
                     <Area
@@ -299,16 +299,16 @@ export default function FlowPilotAnalyticsPage() {
                 <ResponsiveContainer width="100%" height={220}>
                   <BarChart data={dashboard.sessions_by_domain} layout="vertical">
                     <CartesianGrid strokeDasharray="3 3" stroke="rgba(255,255,255,0.06)" />
-                    <XAxis type="number" tick={{ fill: '#8891a0', fontSize: 10 }} />
+                    <XAxis type="number" tick={{ fill: '#848b9b', fontSize: 10 }} />
                     <YAxis
                       type="category"
                       dataKey="domain"
-                      tick={{ fill: '#8891a0', fontSize: 10 }}
+                      tick={{ fill: '#848b9b', fontSize: 10 }}
                       width={100}
                     />
                     <Tooltip
-                      contentStyle={{ background: '#18191f', border: '1px solid rgba(255,255,255,0.06)', borderRadius: 8, fontSize: 12 }}
-                      labelStyle={{ color: '#f8fafc' }}
+                      contentStyle={{ background: 'var(--color-bg-card)', border: '1px solid rgba(255,255,255,0.06)', borderRadius: 8, fontSize: 12 }}
+                      labelStyle={{ color: '#f0f2f5' }}
                     />
                     <Bar dataKey="resolved" name="Resolved" fill="#34d399" radius={[0, 4, 4, 0]} />
                     <Bar dataKey="escalated" name="Escalated" fill="#eab308" radius={[0, 4, 4, 0]} />

frontend/src/pages/FlowPilotSessionPage.tsx

@@ -158,7 +158,7 @@ export default function FlowPilotSessionPage() {
         {/* Header */}
         <div
           className="flex items-center gap-3 border-b px-5 py-3 shrink-0"
-          style={{ borderColor: 'var(--glass-border)' }}
+          style={{ borderColor: 'var(--color-border-default)' }}
         >
           <span className="flex h-7 w-7 items-center justify-center rounded-lg bg-amber-500/10">
             <Sparkles size={14} className="text-amber-400" />

frontend/src/pages/GuideDetailPage.tsx

@@ -46,7 +46,7 @@ export default function GuideDetailPage() {
             <p className="text-sm text-muted-foreground">{guide.summary}</p>
           </div>
         </div>
-        <div className="flex items-center gap-4 mt-4 pt-4 border-t" style={{ borderColor: 'var(--glass-border)' }}>
+        <div className="flex items-center gap-4 mt-4 pt-4 border-t" style={{ borderColor: 'var(--color-border-default)' }}>
           <span className="font-sans text-xs text-[0.625rem] uppercase tracking-widest text-muted-foreground">
             {guide.sections.length} {guide.sections.length === 1 ? 'section' : 'sections'}
           </span>

frontend/src/pages/LoginPage.tsx

@@ -44,32 +44,6 @@ export function LoginPage() {
     <>
     <PageMeta title="Sign In" description="Sign in to your ResolutionFlow account" />
     <div className="flex min-h-screen items-center justify-center bg-background px-4">
-      {/* Atmosphere orbs */}
-      <div
-        className="pointer-events-none fixed z-0"
-        style={{
-          top: '-120px',
-          right: '-80px',
-          width: '600px',
-          height: '600px',
-          borderRadius: '50%',
-          background: 'radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(6, 182, 212, 0.04) 40%, transparent 70%)',
-          filter: 'blur(60px)',
-        }}
-      />
-      <div
-        className="pointer-events-none fixed z-0"
-        style={{
-          bottom: '-100px',
-          left: '-60px',
-          width: '500px',
-          height: '500px',
-          borderRadius: '50%',
-          background: 'radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.02) 40%, transparent 70%)',
-          filter: 'blur(60px)',
-        }}
-      />
-
       <div className="relative z-10 w-full max-w-md space-y-8">
         <div className="text-center">
           <div className="mb-4 flex justify-center sm:mb-6">

frontend/src/pages/PublicTemplatesPage.tsx

@@ -157,17 +157,11 @@ export default function PublicTemplatesPage() {
       />
 
       <div className="min-h-screen bg-background text-foreground">
-        {/* Ambient orbs */}
+        {/* Subtle ambient glow */}
         <div
           className="fixed top-[-20%] right-[-10%] w-[600px] h-[600px] rounded-full pointer-events-none"
           style={{
-            background: 'radial-gradient(circle, rgba(6,182,212,0.06) 0%, transparent 70%)',
-          }}
-        />
-        <div
-          className="fixed bottom-[-20%] left-[-10%] w-[600px] h-[600px] rounded-full pointer-events-none"
-          style={{
-            background: 'radial-gradient(circle, rgba(139,92,246,0.04) 0%, transparent 70%)',
+            background: 'radial-gradient(circle, rgba(249,115,22,0.05) 0%, transparent 70%)',
           }}
         />
 
@@ -217,7 +211,7 @@ export default function PublicTemplatesPage() {
                 placeholder="Search templates..."
                 value={searchQuery}
                 onChange={(e) => handleSearchChange(e.target.value)}
-                className="w-full pl-12 pr-4 py-3.5 rounded-2xl text-sm bg-card border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-[rgba(6,182,212,0.3)] transition-colors"
+                className="w-full pl-12 pr-4 py-3.5 rounded-2xl text-sm bg-card border border-border text-foreground placeholder:text-muted-foreground focus:outline-none focus:border-[rgba(249,115,22,0.3)] transition-colors"
               />
             </div>
           </div>

frontend/src/pages/ReviewQueuePage.tsx

@@ -87,7 +87,7 @@ export default function ReviewQueuePage() {
   return (
     <div className="flex h-full flex-col lg:flex-row overflow-hidden">
       {/* Left panel — Proposal list */}
-      <div className="w-full shrink-0 border-b lg:border-b-0 lg:border-r lg:w-[380px] overflow-y-auto" style={{ borderColor: 'var(--glass-border)' }}>
+      <div className="w-full shrink-0 border-b lg:border-b-0 lg:border-r lg:w-[380px] overflow-y-auto" style={{ borderColor: 'var(--color-border-default)' }}>
         {/* Header */}
         <div className="sticky top-0 z-10 p-3 sm:p-4 space-y-3" style={{ background: 'rgba(16, 17, 20, 0.95)', }}>
           <div className="flex items-center justify-between">

frontend/src/pages/ScriptBuilderPage.tsx

@@ -124,7 +124,7 @@ export default function ScriptBuilderPage() {
   return (
     <div className="flex flex-col h-full min-h-0">
       {/* Header with language selector */}
-      <div className="shrink-0 px-6 py-4 border-b" style={{ borderColor: 'var(--glass-border)' }}>
+      <div className="shrink-0 px-6 py-4 border-b" style={{ borderColor: 'var(--color-border-default)' }}>
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
             <span className="flex items-center justify-center w-9 h-9 rounded-xl bg-[rgba(232,121,249,0.1)]">

frontend/src/pages/SurveyPage.tsx

@@ -275,11 +275,11 @@ export default function SurveyPage() {
       <div className="min-h-screen bg-background text-foreground">
         <div className="pointer-events-none fixed inset-0 overflow-hidden" aria-hidden="true">
           <div className="absolute -top-32 right-0 h-[500px] w-[500px] rounded-full opacity-[0.03]" style={{ background: 'radial-gradient(circle, var(--color-primary), transparent 70%)' }} />
-          <div className="absolute -bottom-32 left-0 h-[400px] w-[400px] rounded-full opacity-[0.02]" style={{ background: 'radial-gradient(circle, #a855f7, transparent 70%)' }} />
+          <div className="absolute -bottom-32 left-0 h-[400px] w-[400px] rounded-full opacity-[0.02]" style={{ background: 'radial-gradient(circle, var(--color-accent), transparent 70%)' }} />
         </div>
         <div className="relative z-10 mx-auto max-w-[680px] px-4 sm:px-5">
           <div className="text-center pt-20 sm:pt-32 animate-fade-in-up">
-            <div className="w-16 h-16 mx-auto mb-5 rounded-full flex items-center justify-center" style={{ background: 'rgba(6, 182, 212, 0.1)' }}>
+            <div className="w-16 h-16 mx-auto mb-5 rounded-full flex items-center justify-center" style={{ background: 'rgba(249, 115, 22, 0.10)' }}>
               <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--color-primary)" strokeWidth="2.5"><path d="M20 6L9 17l-5-5"/></svg>
             </div>
             <h2 className="font-heading text-2xl font-bold mb-2.5">Already Submitted</h2>
@@ -309,20 +309,8 @@ export default function SurveyPage() {
         title="Product Survey"
         description="Help shape the future of ResolutionFlow by sharing your feedback"
       />
-      {/* Atmosphere orbs */}
-      <div className="pointer-events-none fixed inset-0 z-0 overflow-hidden">
-        <div
-          className="absolute"
-          style={{ top: '-200px', left: '-100px', width: '600px', height: '600px', borderRadius: '50%', background: 'radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, rgba(6, 182, 212, 0.03) 40%, transparent 70%)', filter: 'blur(80px)' }}
-        />
-        <div
-          className="absolute"
-          style={{ bottom: '-150px', right: '-100px', width: '500px', height: '500px', borderRadius: '50%', background: 'radial-gradient(circle, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.02) 40%, transparent 70%)', filter: 'blur(80px)' }}
-        />
-      </div>
-
       {/* Top bar */}
-      <div className="sticky top-0 z-50" style={{ WebkitBackdropFilter: 'blur(20px)', background: 'rgba(16, 17, 20, 0.85)', borderBottom: '1px solid var(--glass-border)' }}>
+      <div className="sticky top-0 z-50" style={{ background: 'rgba(26, 28, 35, 0.95)', borderBottom: '1px solid var(--color-border-default)' }}>
         <div className="mx-auto flex max-w-[680px] items-center justify-between gap-3 px-4 py-3 sm:px-5 sm:py-3.5">
           <a href="https://resolutionflow.com" target="_blank" rel="noreferrer" className="flex items-center gap-2 sm:gap-2.5 text-sm font-heading font-bold text-muted-foreground no-underline shrink-0">
             <BrandLogo size="sm" />
@@ -341,7 +329,7 @@ export default function SurveyPage() {
         {/* Hero — visible only on first slide */}
         {currentSlide === 0 && !isComplete && (
           <div className="text-center pt-10 pb-8 sm:pt-[72px] sm:pb-10 animate-fade-in-up">
-            <div className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-[10px] sm:text-[11px] font-semibold font-sans text-xs uppercase tracking-widest mb-4 sm:mb-5" style={{ background: 'rgba(6, 182, 212, 0.1)', border: '1px solid rgba(6, 182, 212, 0.15)', color: 'var(--color-primary)' }}>
+            <div className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-[10px] sm:text-[11px] font-semibold font-sans text-xs uppercase tracking-widest mb-4 sm:mb-5" style={{ background: 'rgba(249, 115, 22, 0.10)', border: '1px solid rgba(249, 115, 22, 0.15)', color: 'var(--color-primary)' }}>
               <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
               FlowPilot Research
             </div>
@@ -444,9 +432,9 @@ export default function SurveyPage() {
                     onChange={e => setEmailInput(e.target.value)}
                     placeholder="your@email.com"
                     className="flex-1 rounded-[9px] px-3.5 py-2.5 text-sm text-foreground placeholder:text-text-muted focus:outline-hidden"
-                    style={{ background: 'rgba(16, 17, 20, 0.6)', border: '1px solid var(--glass-border)' }}
+                    style={{ background: 'rgba(16, 17, 20, 0.6)', border: '1px solid var(--color-border-default)' }}
                     onFocus={e => { e.currentTarget.style.borderColor = 'var(--color-primary)' }}
-                    onBlur={e => { e.currentTarget.style.borderColor = 'var(--glass-border)' }}
+                    onBlur={e => { e.currentTarget.style.borderColor = 'var(--color-border-default)' }}
                     disabled={emailSending}
                   />
                   <button
@@ -519,7 +507,7 @@ export default function SurveyPage() {
 
 function ScenarioBox({ scenario }: { scenario: { title: string; symptom: string; details: string } }) {
   return (
-    <div className="rounded-lg p-3.5 px-4 sm:p-4 sm:px-5 mb-4 text-[13px]" style={{ background: 'linear-gradient(135deg, rgba(6, 182, 212, 0.06), rgba(139, 92, 246, 0.03))', border: '1px solid color-mix(in srgb, var(--color-primary) 12%, transparent)' }}>
+    <div className="rounded-lg p-3.5 px-4 sm:p-4 sm:px-5 mb-4 text-[13px]" style={{ background: 'rgba(249, 115, 22, 0.04)', border: '1px solid color-mix(in srgb, var(--color-primary) 12%, transparent)' }}>
       <div className="font-sans text-xs text-[10px] uppercase tracking-widest mb-2 font-semibold" style={{ color: 'var(--color-primary)' }}>{scenario.title}</div>
       <div className="sm:flex gap-2 mb-1">
         <span className="text-muted-foreground font-medium whitespace-nowrap">Symptom:</span>
@@ -549,12 +537,12 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues
               onClick={() => setAnswer(q.id, opt)}
               className="flex items-start gap-3 px-3.5 py-3 sm:px-4 rounded-[9px] text-left text-[13px] sm:text-sm transition-all duration-150 select-none"
               style={{
-                background: answer === opt ? 'rgba(6, 182, 212, 0.1)' : 'rgba(16, 17, 20, 0.6)',
-                border: `1px solid ${answer === opt ? 'var(--color-primary)' : 'var(--glass-border)'}`,
+                background: answer === opt ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)',
+                border: `1px solid ${answer === opt ? 'var(--color-primary)' : 'var(--color-border-default)'}`,
                 color: answer === opt ? 'var(--color-foreground)' : 'var(--color-muted-foreground)',
               }}
             >
-              <div className="w-[18px] h-[18px] rounded-full shrink-0 flex items-center justify-center transition-all duration-150 mt-0.5" style={{ border: `2px solid ${answer === opt ? 'var(--color-primary)' : 'var(--glass-border)'}` }}>
+              <div className="w-[18px] h-[18px] rounded-full shrink-0 flex items-center justify-center transition-all duration-150 mt-0.5" style={{ border: `2px solid ${answer === opt ? 'var(--color-primary)' : 'var(--color-border-default)'}` }}>
                 {answer === opt && <div className="w-2 h-2 rounded-full" style={{ background: 'var(--color-primary)' }} />}
               </div>
               <span className="leading-snug">{opt}</span>
@@ -576,12 +564,12 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues
                 }}
                 className="flex items-start gap-3 px-3.5 py-3 sm:px-4 rounded-[9px] text-left text-[13px] sm:text-sm transition-all duration-150 select-none"
                 style={{
-                  background: selected ? 'rgba(6, 182, 212, 0.1)' : 'rgba(16, 17, 20, 0.6)',
-                  border: `1px solid ${selected ? 'var(--color-primary)' : 'var(--glass-border)'}`,
+                  background: selected ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)',
+                  border: `1px solid ${selected ? 'var(--color-primary)' : 'var(--color-border-default)'}`,
                   color: selected ? 'var(--color-foreground)' : 'var(--color-muted-foreground)',
                 }}
               >
-                <div className="w-[18px] h-[18px] rounded-[5px] shrink-0 flex items-center justify-center text-[11px] transition-all duration-150 mt-0.5" style={{ border: `2px solid ${selected ? 'var(--color-primary)' : 'var(--glass-border)'}`, background: selected ? 'var(--color-primary)' : 'transparent', color: selected ? 'white' : 'transparent' }}>
+                <div className="w-[18px] h-[18px] rounded-[5px] shrink-0 flex items-center justify-center text-[11px] transition-all duration-150 mt-0.5" style={{ border: `2px solid ${selected ? 'var(--color-primary)' : 'var(--color-border-default)'}`, background: selected ? 'var(--color-primary)' : 'transparent', color: selected ? 'white' : 'transparent' }}>
                   {'\u2713'}
                 </div>
                 <span className="leading-snug">{opt}</span>
@@ -603,10 +591,10 @@ function QuestionCard({ question: q, answer, setAnswer }: { question: SurveyQues
           className="w-full min-h-[100px] rounded-[9px] p-3 sm:p-3.5 text-[13px] sm:text-sm text-foreground leading-relaxed resize-y transition-all duration-200 placeholder:text-text-muted focus:outline-hidden"
           style={{
             background: 'rgba(16, 17, 20, 0.6)',
-            border: '1px solid var(--glass-border)',
+            border: '1px solid var(--color-border-default)',
           }}
-          onFocus={e => { e.currentTarget.style.borderColor = 'var(--color-primary)'; e.currentTarget.style.boxShadow = '0 0 0 3px rgba(6, 182, 212, 0.1)' }}
-          onBlur={e => { e.currentTarget.style.borderColor = 'var(--glass-border)'; e.currentTarget.style.boxShadow = 'none' }}
+          onFocus={e => { e.currentTarget.style.borderColor = 'var(--color-primary)'; e.currentTarget.style.boxShadow = '0 0 0 3px rgba(249, 115, 22, 0.10)' }}
+          onBlur={e => { e.currentTarget.style.borderColor = 'var(--color-border-default)'; e.currentTarget.style.boxShadow = 'none' }}
         />
       )}
 
@@ -729,8 +717,8 @@ function DragRank({ items, onChange }: { items: string[]; onChange: (items: stri
           onTouchStart={() => handleTouchStart(idx)}
           className="flex items-center gap-2.5 sm:gap-3 px-3 py-3 sm:px-4 sm:py-2.5 rounded-[9px] text-[13px] sm:text-sm transition-all duration-150 select-none"
           style={{
-            background: overIdx === idx ? 'rgba(6, 182, 212, 0.1)' : 'rgba(16, 17, 20, 0.6)',
-            border: `1px solid ${overIdx === idx || draggingIdx === idx ? 'var(--color-primary)' : 'var(--glass-border)'}`,
+            background: overIdx === idx ? 'rgba(249, 115, 22, 0.10)' : 'rgba(16, 17, 20, 0.6)',
+            border: `1px solid ${overIdx === idx || draggingIdx === idx ? 'var(--color-primary)' : 'var(--color-border-default)'}`,
             opacity: draggingIdx === idx ? 0.5 : 1,
             cursor: 'grab',
             color: 'var(--color-muted-foreground)',

frontend/src/pages/SurveyThankYouPage.tsx

@@ -6,20 +6,8 @@ export default function SurveyThankYouPage() {
     <>
     <PageMeta title="Thank You" description="Thank you for your feedback on ResolutionFlow" />
     <div className="min-h-screen bg-background text-foreground">
-      {/* Atmosphere orbs */}
-      <div className="pointer-events-none fixed inset-0 z-0 overflow-hidden" aria-hidden="true">
-        <div
-          className="absolute"
-          style={{ top: '-200px', left: '-100px', width: '600px', height: '600px', borderRadius: '50%', background: 'radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, rgba(6, 182, 212, 0.03) 40%, transparent 70%)', filter: 'blur(80px)' }}
-        />
-        <div
-          className="absolute"
-          style={{ bottom: '-150px', right: '-100px', width: '500px', height: '500px', borderRadius: '50%', background: 'radial-gradient(circle, rgba(52, 211, 153, 0.08) 0%, rgba(52, 211, 153, 0.02) 40%, transparent 70%)', filter: 'blur(80px)' }}
-        />
-      </div>
-
       {/* Top bar */}
-      <div className="sticky top-0 z-50" style={{ WebkitBackdropFilter: 'blur(20px)', background: 'rgba(16, 17, 20, 0.85)', borderBottom: '1px solid var(--glass-border)' }}>
+      <div className="sticky top-0 z-50" style={{ background: 'rgba(26, 28, 35, 0.95)', borderBottom: '1px solid var(--color-border-default)' }}>
         <div className="mx-auto flex max-w-[680px] items-center justify-between gap-3 px-5 py-3.5">
           <a href="https://resolutionflow.com" target="_blank" rel="noreferrer" className="flex items-center gap-2.5 text-sm font-heading font-bold text-muted-foreground no-underline">
             <BrandLogo size="sm" />
@@ -31,7 +19,7 @@ export default function SurveyThankYouPage() {
       <div className="relative z-10 mx-auto max-w-[680px] px-5">
         <div className="text-center pt-[120px] animate-fade-in-up">
           {/* Success icon */}
-          <div className="w-20 h-20 mx-auto mb-6 rounded-full flex items-center justify-center" style={{ background: 'rgba(52, 211, 153, 0.1)', border: '1px solid rgba(52, 211, 153, 0.15)' }}>
+          <div className="w-20 h-20 mx-auto mb-6 rounded-full flex items-center justify-center" style={{ background: 'var(--color-success-dim)', border: '1px solid rgba(52, 211, 153, 0.15)' }}>
             <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="oklch(0.76 0.15 163)" strokeWidth="2">
               <path d="M20 6L9 17l-5-5"/>
             </svg>
@@ -48,7 +36,7 @@ export default function SurveyThankYouPage() {
           </p>
 
           {/* Divider */}
-          <div className="mx-auto w-12 h-px mb-10" style={{ background: 'var(--glass-border)' }} />
+          <div className="mx-auto w-12 h-px mb-10" style={{ background: 'var(--color-border-default)' }} />
 
           {/* Feedback callout */}
           <div

frontend/src/pages/account/ChatRetentionSettingsPage.tsx

@@ -74,7 +74,7 @@ export default function ChatRetentionSettingsPage() {
               min={1}
               max={365}
               className="w-full rounded-xl border bg-card text-foreground text-sm px-4 py-2.5 focus:outline-hidden focus:border-primary/30"
-              style={{ borderColor: 'var(--glass-border)' }}
+              style={{ borderColor: 'var(--color-border-default)' }}
             />
             <p className="text-xs text-muted-foreground mt-1">
               Chats older than this will be automatically deleted (1-365 days)
@@ -92,7 +92,7 @@ export default function ChatRetentionSettingsPage() {
               min={10}
               max={10000}
               className="w-full rounded-xl border bg-card text-foreground text-sm px-4 py-2.5 focus:outline-hidden focus:border-primary/30"
-              style={{ borderColor: 'var(--glass-border)' }}
+              style={{ borderColor: 'var(--color-border-default)' }}
             />
             <p className="text-xs text-muted-foreground mt-1">
               When this limit is exceeded, oldest unpinned chats are deleted

frontend/src/pages/account/IntegrationsPage.tsx

@@ -813,7 +813,7 @@ function MemberMappingTab({ connection }: { connection: PsaConnectionResponse |
                       onChange={(e) => handleMemberChange(user.user_id, e.target.value)}
                       className={cn(
                         'w-full rounded-lg border bg-card px-3 py-1.5 text-sm text-foreground',
-                        'border-border focus:border-[rgba(6,182,212,0.3)] focus:outline-none',
+                        'border-border focus:border-[rgba(249,115,22,0.3)] focus:outline-none',
                         !currentMapping && 'text-muted-foreground'
                       )}
                     >
@@ -1084,7 +1084,7 @@ function SettingSelect({
         value={value}
         onChange={(e) => onChange(e.target.value)}
         disabled={disabled}
-        className="w-full max-w-xs rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:border-[rgba(6,182,212,0.3)] focus:outline-none disabled:opacity-50"
+        className="w-full max-w-xs rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:border-[rgba(249,115,22,0.3)] focus:outline-none disabled:opacity-50"
       >
         {options.map((opt) => (
           <option key={opt.value} value={opt.value}>{opt.label}</option>

frontend/src/pages/admin/GalleryManagementPage.tsx

@@ -90,7 +90,7 @@ function SortOrderInput({
       }}
       className={cn(
         'w-20 rounded-[8px] border border-border bg-card px-2 py-1 text-sm text-foreground',
-        'focus:border-[rgba(6,182,212,0.3)] focus:outline-none',
+        'focus:border-[rgba(249,115,22,0.3)] focus:outline-none',
         disabled && 'cursor-not-allowed opacity-50',
       )}
     />
@@ -125,7 +125,7 @@ function FilterBar({
           onChange={e => onSearchChange(e.target.value)}
           className={cn(
             'w-full rounded-lg border border-border bg-card pl-9 pr-3 py-2 text-sm text-foreground placeholder:text-muted-foreground',
-            'focus:border-[rgba(6,182,212,0.3)] focus:outline-none',
+            'focus:border-[rgba(249,115,22,0.3)] focus:outline-none',
           )}
         />
       </div>

frontend/src/pages/admin/SurveyResponsesPage.tsx

@@ -91,7 +91,7 @@ function ExpandedDetail({ response }: { response: SurveyResponseDetail }) {
           className="px-6 py-5"
           style={{
             background: 'rgba(0, 0, 0, 0.15)',
-            borderTop: '1px solid rgba(6, 182, 212, 0.1)',
+            borderTop: '1px solid rgba(249, 115, 22, 0.1)',
           }}
         >
           <div className="grid grid-cols-1 gap-3 md:grid-cols-2">
@@ -101,7 +101,7 @@ function ExpandedDetail({ response }: { response: SurveyResponseDetail }) {
                 className="rounded-lg p-4"
                 style={{
                   background: 'var(--color-bg-card)',
-                  border: '1px solid var(--glass-border)',
+                  border: '1px solid var(--color-border-default)',
                 }}
               >
                 <p className="font-sans text-xs text-[0.625rem] uppercase tracking-widest text-primary mb-1">
@@ -223,7 +223,7 @@ function ResponseRow({
               <div className="fixed inset-0 z-40" onClick={() => setShowMenu(false)} />
               <div
                 className="absolute right-3 top-full z-50 mt-1 w-44 rounded-xl py-1 shadow-xl"
-                style={{ background: 'var(--color-bg-card)', border: '1px solid var(--glass-border)', }}
+                style={{ background: 'var(--color-bg-card)', border: '1px solid var(--color-border-default)', }}
               >
                 <button
                   onClick={() => { onMarkRead(); setShowMenu(false) }}
@@ -239,7 +239,7 @@ function ResponseRow({
                   {response.archived_at ? <ArchiveRestore className="h-3.5 w-3.5" /> : <Archive className="h-3.5 w-3.5" />}
                   {response.archived_at ? 'Unarchive' : 'Archive'}
                 </button>
-                <div className="my-1 border-t" style={{ borderColor: 'var(--glass-border)' }} />
+                <div className="my-1 border-t" style={{ borderColor: 'var(--color-border-default)' }} />
                 <button
                   onClick={() => { onDelete(); setShowMenu(false) }}
                   className="flex w-full items-center gap-2.5 px-3 py-2 text-xs text-rose-400 hover:bg-rose-500/10 transition-colors"
@@ -500,7 +500,7 @@ export default function SurveyResponsesPage() {
       {selectedIds.size > 0 && (
         <div
           className="flex items-center gap-3 rounded-xl px-4 py-2.5"
-          style={{ background: 'rgba(6, 182, 212, 0.08)', border: '1px solid rgba(6, 182, 212, 0.15)' }}
+          style={{ background: 'rgba(249, 115, 22, 0.08)', border: '1px solid rgba(249, 115, 22, 0.15)' }}
         >
           <span className="text-sm text-primary font-medium">
             {selectedIds.size} selected