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>
This commit is contained in:
chihlasm
@@ -6,8 +6,8 @@
|
||||
|
||||
.landing-page {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
background: #1a1c23;
|
||||
color: #e2e5eb;
|
||||
background: var(--color-bg-page);
|
||||
color: var(--color-text-primary);
|
||||
line-height: 1.6;
|
||||
overflow-x: hidden;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
@@ -61,8 +61,8 @@
|
||||
}
|
||||
|
||||
.landing-nav.scrolled {
|
||||
background: rgba(12, 13, 16, 0.95);
|
||||
border-bottom: 1px solid #2e3240;
|
||||
background: rgba(26, 28, 35, 0.95);
|
||||
border-bottom: 1px solid var(--color-border-default);
|
||||
}
|
||||
|
||||
.landing-nav-inner {
|
||||
@@ -84,7 +84,7 @@
|
||||
.landing-nav-logo-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -100,12 +100,12 @@
|
||||
font-family: 'Bricolage Grotesque', sans-serif;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.landing-nav-wordmark span {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
}
|
||||
|
||||
.landing-nav-links {
|
||||
@@ -120,7 +120,7 @@
|
||||
.landing-nav-links a {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
letter-spacing: 0.01em;
|
||||
@@ -128,7 +128,7 @@
|
||||
}
|
||||
|
||||
.landing-nav-links a:hover {
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.landing-nav-cta {
|
||||
@@ -140,7 +140,7 @@
|
||||
.landing-btn-ghost {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
text-decoration: none;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 8px;
|
||||
@@ -148,7 +148,7 @@
|
||||
}
|
||||
|
||||
.landing-btn-ghost:hover {
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
@@ -159,7 +159,7 @@
|
||||
text-decoration: none;
|
||||
padding: 0.55rem 1.25rem;
|
||||
border-radius: 8px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
transition: opacity 0.25s, transform 0.25s;
|
||||
letter-spacing: -0.01em;
|
||||
border: none;
|
||||
@@ -185,12 +185,12 @@
|
||||
gap: 8px;
|
||||
padding: 6px 16px;
|
||||
border-radius: 100px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
margin-bottom: 2rem;
|
||||
letter-spacing: 0.03em;
|
||||
animation: landingFadeInDown 0.8s ease-out;
|
||||
@@ -201,7 +201,7 @@
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 50%;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
animation: landingPulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@@ -228,13 +228,13 @@
|
||||
}
|
||||
|
||||
.landing-gradient-text {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
}
|
||||
|
||||
.landing-hero-sub {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 400;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.7;
|
||||
max-width: 600px;
|
||||
margin: 0 auto 2.5rem;
|
||||
@@ -256,7 +256,7 @@
|
||||
text-decoration: none;
|
||||
padding: 0.85rem 2rem;
|
||||
border-radius: 10px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
transition: opacity 0.3s, transform 0.3s;
|
||||
letter-spacing: -0.01em;
|
||||
border: none;
|
||||
@@ -277,19 +277,19 @@
|
||||
.landing-btn-hero-secondary {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
text-decoration: none;
|
||||
padding: 0.85rem 2rem;
|
||||
border-radius: 10px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
transition: background 0.3s, border-color 0.3s, color 0.3s;
|
||||
}
|
||||
|
||||
.landing-btn-hero-secondary:hover {
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
/* ---- SOCIAL PROOF BAR ---- */
|
||||
@@ -323,7 +323,7 @@
|
||||
font-family: 'Bricolage Grotesque', sans-serif;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 700;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
}
|
||||
|
||||
.landing-proof-stat .label {
|
||||
@@ -342,8 +342,8 @@
|
||||
|
||||
.landing-preview-window {
|
||||
border-radius: 12px;
|
||||
border: 1px solid #2e3240;
|
||||
background: #22252e;
|
||||
border: 1px solid var(--color-border-default);
|
||||
background: var(--color-bg-card);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
@@ -354,7 +354,7 @@
|
||||
padding: 0 0 0 14px;
|
||||
height: 40px;
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-bottom: 1px solid #2e3240;
|
||||
border-bottom: 1px solid var(--color-border-default);
|
||||
}
|
||||
|
||||
.landing-preview-tab {
|
||||
@@ -365,8 +365,8 @@
|
||||
height: 100%;
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.7rem;
|
||||
color: #848b9b;
|
||||
border-right: 1px solid #2e3240;
|
||||
color: var(--color-text-secondary);
|
||||
border-right: 1px solid var(--color-border-default);
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
position: relative;
|
||||
}
|
||||
@@ -378,14 +378,14 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
}
|
||||
|
||||
.landing-tab-icon {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 3px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -410,14 +410,14 @@
|
||||
padding: 4px 12px;
|
||||
border-radius: 6px;
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
border: 1px solid #2e3240;
|
||||
border: 1px solid var(--color-border-default);
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.65rem;
|
||||
color: #5a6170;
|
||||
}
|
||||
|
||||
.landing-lock-icon {
|
||||
color: #22c55e;
|
||||
color: var(--color-success);
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
font-size: 0.8rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
@@ -483,8 +483,8 @@
|
||||
|
||||
.landing-preview-sidebar-item.active {
|
||||
background: rgba(249, 115, 22, 0.08);
|
||||
color: #fdba74;
|
||||
border-left: 3px solid #f97316;
|
||||
color: var(--color-accent-text);
|
||||
border-left: 3px solid var(--color-accent);
|
||||
}
|
||||
|
||||
.landing-preview-sidebar-item .dot {
|
||||
@@ -497,7 +497,7 @@
|
||||
flex: 1;
|
||||
background: rgba(255, 255, 255, 0.01);
|
||||
border-radius: 12px;
|
||||
border: 1px dashed #2e3240;
|
||||
border: 1px dashed var(--color-border-default);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -521,14 +521,14 @@
|
||||
}
|
||||
|
||||
.landing-tree-node.root {
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.landing-tree-node.decision {
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
color: #e2e5eb;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
color: var(--color-text-primary);
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
@@ -568,7 +568,7 @@
|
||||
.landing-tree-label {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.6rem;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
margin-bottom: 4px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
@@ -587,7 +587,7 @@
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1rem;
|
||||
@@ -605,7 +605,7 @@
|
||||
|
||||
.landing-section-desc {
|
||||
font-size: 1.1rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.7;
|
||||
max-width: 580px;
|
||||
}
|
||||
@@ -615,7 +615,7 @@
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
height: 1px;
|
||||
background: #2e3240;
|
||||
background: var(--color-bg-elevated);
|
||||
}
|
||||
|
||||
/* ---- PROBLEM SECTION ---- */
|
||||
@@ -630,8 +630,8 @@
|
||||
.landing-problem-card {
|
||||
padding: 2rem;
|
||||
border-radius: 16px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
transition: border-color 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
@@ -653,7 +653,7 @@
|
||||
|
||||
.landing-problem-icon.red {
|
||||
background: rgba(239, 68, 68, 0.1);
|
||||
color: #ef4444;
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.landing-problem-icon.amber {
|
||||
@@ -681,7 +681,7 @@
|
||||
|
||||
.landing-problem-card p {
|
||||
font-size: 0.9rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
@@ -713,24 +713,24 @@
|
||||
.landing-eq-item {
|
||||
padding: 0.5rem 1.25rem;
|
||||
border-radius: 12px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
}
|
||||
|
||||
.landing-eq-operator {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.landing-eq-result {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ---- EQUATION DESC ---- */
|
||||
.landing-equation-desc {
|
||||
font-size: 1.1rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
max-width: 550px;
|
||||
margin: 0 auto;
|
||||
line-height: 1.7;
|
||||
@@ -748,8 +748,8 @@
|
||||
.landing-step-card {
|
||||
padding: 2rem;
|
||||
border-radius: 16px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
position: relative;
|
||||
counter-increment: landing-step;
|
||||
transition: border-color 0.3s, transform 0.3s;
|
||||
@@ -764,7 +764,7 @@
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 600;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
opacity: 0.6;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
@@ -779,7 +779,7 @@
|
||||
|
||||
.landing-step-card p {
|
||||
font-size: 0.9rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
@@ -788,8 +788,8 @@
|
||||
height: 120px;
|
||||
border-radius: 10px;
|
||||
margin-top: 1.25rem;
|
||||
background: #1a1c23;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-page);
|
||||
border: 1px solid var(--color-border-default);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -815,14 +815,14 @@
|
||||
|
||||
.landing-mock-node.start {
|
||||
background: rgba(249, 115, 22, 0.15);
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
border: 1px solid rgba(249, 115, 22, 0.2);
|
||||
}
|
||||
|
||||
.landing-mock-node.step {
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: #848b9b;
|
||||
border: 1px solid #2e3240;
|
||||
color: var(--color-text-secondary);
|
||||
border: 1px solid var(--color-border-default);
|
||||
}
|
||||
|
||||
.landing-mock-connector {
|
||||
@@ -852,19 +852,19 @@
|
||||
}
|
||||
|
||||
.landing-mock-chat-line .label {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
font-weight: 600;
|
||||
min-width: 55px;
|
||||
}
|
||||
|
||||
.landing-mock-chat-line .text {
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
overflow-wrap: anywhere;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.landing-mock-chat-line.doc .label {
|
||||
color: #22c55e;
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
/* Mock ticket */
|
||||
@@ -879,17 +879,17 @@
|
||||
.landing-mock-ticket-header {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.6rem;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.35rem;
|
||||
border-bottom: 1px solid #2e3240;
|
||||
border-bottom: 1px solid var(--color-border-default);
|
||||
margin-bottom: 0.15rem;
|
||||
}
|
||||
|
||||
.landing-mock-ticket-line {
|
||||
font-size: 0.55rem;
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
@@ -900,7 +900,7 @@
|
||||
}
|
||||
|
||||
.landing-mock-ticket-line .check {
|
||||
color: #22c55e;
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
/* ---- FEATURES GRID ---- */
|
||||
@@ -914,8 +914,8 @@
|
||||
.landing-feature-card {
|
||||
padding: 2rem;
|
||||
border-radius: 16px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
transition: border-color 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -933,7 +933,7 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 1.25rem;
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
}
|
||||
|
||||
.landing-feature-card h3 {
|
||||
@@ -946,13 +946,13 @@
|
||||
|
||||
.landing-feature-card p {
|
||||
font-size: 0.875rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.landing-feature-card.highlight {
|
||||
border-color: rgba(249, 115, 22, 0.15);
|
||||
background: #22252e;
|
||||
background: var(--color-bg-card);
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
@@ -968,8 +968,8 @@
|
||||
.landing-pricing-card {
|
||||
padding: 2.5rem 2rem;
|
||||
border-radius: 16px;
|
||||
background: #22252e;
|
||||
border: 1px solid #2e3240;
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-default);
|
||||
transition: border-color 0.3s, transform 0.3s;
|
||||
}
|
||||
|
||||
@@ -979,7 +979,7 @@
|
||||
|
||||
.landing-pricing-card.featured {
|
||||
border-color: #f97316;
|
||||
background: #22252e;
|
||||
background: var(--color-bg-card);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -991,7 +991,7 @@
|
||||
transform: translateX(-50%);
|
||||
padding: 4px 14px;
|
||||
border-radius: 100px;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.65rem;
|
||||
font-weight: 600;
|
||||
@@ -1029,7 +1029,7 @@
|
||||
}
|
||||
|
||||
.landing-pricing-card.featured .landing-pricing-price .amount {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
}
|
||||
|
||||
.landing-pricing-price .period {
|
||||
@@ -1054,7 +1054,7 @@
|
||||
|
||||
.landing-pricing-features li {
|
||||
font-size: 0.875rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 0.6rem;
|
||||
@@ -1082,8 +1082,8 @@
|
||||
}
|
||||
|
||||
.landing-pricing-btn.outline {
|
||||
color: #e2e5eb;
|
||||
border: 1px solid #2e3240;
|
||||
color: var(--color-text-primary);
|
||||
border: 1px solid var(--color-border-default);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@@ -1094,7 +1094,7 @@
|
||||
|
||||
.landing-pricing-btn.filled {
|
||||
color: #fff;
|
||||
background: #f97316;
|
||||
background: var(--color-accent);
|
||||
border: none;
|
||||
}
|
||||
|
||||
@@ -1111,7 +1111,7 @@
|
||||
}
|
||||
|
||||
.landing-pricing-enterprise a {
|
||||
color: #fdba74;
|
||||
color: var(--color-accent-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -1133,7 +1133,7 @@
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.01em;
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
font-style: italic;
|
||||
margin-bottom: 1.5rem;
|
||||
position: relative;
|
||||
@@ -1170,7 +1170,7 @@
|
||||
}
|
||||
|
||||
.landing-testimonial-author strong {
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@@ -1196,7 +1196,7 @@
|
||||
|
||||
.landing-cta-section>p {
|
||||
font-size: 1.1rem;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
max-width: 500px;
|
||||
margin: 0 auto 2rem;
|
||||
line-height: 1.7;
|
||||
@@ -1213,9 +1213,9 @@
|
||||
flex: 1;
|
||||
padding: 0.85rem 1.25rem;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #2e3240;
|
||||
background: #22252e;
|
||||
color: #e2e5eb;
|
||||
border: 1px solid var(--color-border-default);
|
||||
background: var(--color-bg-card);
|
||||
color: var(--color-text-primary);
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 0.9rem;
|
||||
outline: none;
|
||||
@@ -1239,19 +1239,19 @@
|
||||
|
||||
.landing-cta-success {
|
||||
font-size: 0.85rem;
|
||||
color: #22c55e;
|
||||
color: var(--color-success);
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.landing-cta-error {
|
||||
font-size: 0.85rem;
|
||||
color: #ef4444;
|
||||
color: var(--color-danger);
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
/* ---- FOOTER ---- */
|
||||
.landing-footer {
|
||||
border-top: 1px solid #2e3240;
|
||||
border-top: 1px solid var(--color-border-default);
|
||||
padding: 3rem 2rem;
|
||||
}
|
||||
|
||||
@@ -1292,7 +1292,7 @@
|
||||
}
|
||||
|
||||
.landing-footer-links a:hover {
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
/* ---- ANIMATIONS ---- */
|
||||
@@ -1379,7 +1379,7 @@
|
||||
gap: 0;
|
||||
padding: 0.5rem 1.5rem 1.5rem;
|
||||
background: rgba(12, 13, 16, 0.98);
|
||||
border-bottom: 1px solid #2e3240;
|
||||
border-bottom: 1px solid var(--color-border-default);
|
||||
}
|
||||
|
||||
.landing-mobile-menu a {
|
||||
@@ -1387,14 +1387,14 @@
|
||||
padding: 0.875rem 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
color: #848b9b;
|
||||
color: var(--color-text-secondary);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
.landing-mobile-menu a:hover {
|
||||
color: #e2e5eb;
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.landing-mobile-menu a:last-child {
|
||||
|
||||
Reference in New Issue
Block a user