Branding sweep: purge remaining Lou-Ka orange (rgba form) + old doc PDF
- styles.css: rgba(255,106,0,*) → cobalt rgba(36,86,230,*) (hero halo, pulses, shadows, badges) - removed public/doc/lou-ka-documentation.pdf from served assets - frontend rebuilt; og/manifest/icons verified Rent-Ka on live share previews Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2 changed files +15 −15
deleted
frontend/public/doc/lou-ka-documentation.pdf
+0 −0
Binary file not shown.
modified
frontend/src/styles.css
+15 −15
@@ -95,7 +95,7 @@ html, body { overflow-x: clip; } | |||||
| 95 | .hero::before { | 95 | .hero::before { | ||
| 96 | content: ""; position: absolute; z-index: -1; top: -60px; right: -120px; | 96 | content: ""; position: absolute; z-index: -1; top: -60px; right: -120px; | ||
| 97 | width: 560px; height: 460px; pointer-events: none; | 97 | width: 560px; height: 460px; pointer-events: none; | ||
| 98 | − background: radial-gradient(closest-side, rgba(255, 106, 0, 0.13), transparent 72%); | 98 | + background: radial-gradient(closest-side, rgba(36, 86, 230, 0.13), transparent 72%); | ||
| 99 | } | 99 | } | ||
| 100 | .hero::after { | 100 | .hero::after { | ||
| 101 | content: ""; position: absolute; z-index: -1; inset: -20px -40px 0 0; pointer-events: none; | 101 | content: ""; position: absolute; z-index: -1; inset: -20px -40px 0 0; pointer-events: none; | ||
@@ -127,7 +127,7 @@ html, body { overflow-x: clip; } | |||||
| 127 | width: 8px; height: 8px; border-radius: 50%; background: var(--orange); | 127 | width: 8px; height: 8px; border-radius: 50%; background: var(--orange); | ||
| 128 | box-shadow: 0 0 0 4px var(--orange-soft); animation: pulse 2.4s ease infinite; | 128 | box-shadow: 0 0 0 4px var(--orange-soft); animation: pulse 2.4s ease infinite; | ||
| 129 | } | 129 | } | ||
| 130 | −@keyframes pulse { 50% { box-shadow: 0 0 0 7px rgba(255, 106, 0, 0.18); } } | 130 | +@keyframes pulse { 50% { box-shadow: 0 0 0 7px rgba(36, 86, 230, 0.18); } } | ||
| 131 | 131 | ||||
| 132 | /* ================= Rangée d'avantages ================= */ | 132 | /* ================= Rangée d'avantages ================= */ | ||
| 133 | .benefits { | 133 | .benefits { | ||
@@ -147,7 +147,7 @@ html, body { overflow-x: clip; } | |||||
| 147 | width: 42px; height: 42px; border-radius: var(--r-pill); flex: none; | 147 | width: 42px; height: 42px; border-radius: var(--r-pill); flex: none; | ||
| 148 | display: flex; align-items: center; justify-content: center; | 148 | display: flex; align-items: center; justify-content: center; | ||
| 149 | background: var(--orange-soft); color: var(--orange); | 149 | background: var(--orange-soft); color: var(--orange); | ||
| 150 | − border: 1px solid rgba(255, 106, 0, 0.25); | 150 | + border: 1px solid rgba(36, 86, 230, 0.25); | ||
| 151 | } | 151 | } | ||
| 152 | .benefit-ico.blue { background: var(--blue-soft); color: var(--blue); border-color: rgba(28, 92, 65, 0.25); } | 152 | .benefit-ico.blue { background: var(--blue-soft); color: var(--blue); border-color: rgba(28, 92, 65, 0.25); } | ||
| 153 | .benefit-label { | 153 | .benefit-label { | ||
@@ -445,7 +445,7 @@ html, body { overflow-x: clip; } | |||||
| 445 | display: block; text-align: center; background: var(--orange); color: var(--white); | 445 | display: block; text-align: center; background: var(--orange); color: var(--white); | ||
| 446 | font-weight: 600; font-family: var(--font-display); border-radius: var(--r-pill); | 446 | font-weight: 600; font-family: var(--font-display); border-radius: var(--r-pill); | ||
| 447 | padding: 15px; min-height: 48px; | 447 | padding: 15px; min-height: 48px; | ||
| 448 | − box-shadow: 0 8px 22px rgba(255, 106, 0, 0.34); transition: all 0.14s ease; | 448 | + box-shadow: 0 8px 22px rgba(36, 86, 230, 0.34); transition: all 0.14s ease; | ||
| 449 | } | 449 | } | ||
| 450 | .cta:hover { background: var(--orange-deep); } | 450 | .cta:hover { background: var(--orange-deep); } | ||
| 451 | .cta:active { transform: translateY(1px); } | 451 | .cta:active { transform: translateY(1px); } | ||
@@ -672,7 +672,7 @@ html, body { overflow-x: clip; } | |||||
| 672 | background: var(--orange); color: var(--white); border: none; | 672 | background: var(--orange); color: var(--white); border: none; | ||
| 673 | border-radius: var(--r-pill); padding: 13px 24px; font-family: var(--font-display); | 673 | border-radius: var(--r-pill); padding: 13px 24px; font-family: var(--font-display); | ||
| 674 | font-weight: 600; font-size: 15px; cursor: pointer; | 674 | font-weight: 600; font-size: 15px; cursor: pointer; | ||
| 675 | − box-shadow: 0 10px 28px rgba(255, 106, 0, 0.4); | 675 | + box-shadow: 0 10px 28px rgba(36, 86, 230, 0.4); | ||
| 676 | } | 676 | } | ||
| 677 | .fab:active { transform: translateX(-50%) scale(0.97); } | 677 | .fab:active { transform: translateX(-50%) scale(0.97); } | ||
| 678 | 678 | ||||
@@ -968,7 +968,7 @@ html:has(.mobile-menu.open) { overflow: hidden; } | |||||
| 968 | padding: 7px 14px; font-size: 12.5px; background: var(--surface); | 968 | padding: 7px 14px; font-size: 12.5px; background: var(--surface); | ||
| 969 | } | 969 | } | ||
| 970 | .q-badge.cool { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); } | 970 | .q-badge.cool { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); } | ||
| 971 | −.q-badge.hot { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.35); color: var(--orange-deep); } | 971 | +.q-badge.hot { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.35); color: var(--orange-deep); } | ||
| 972 | .quartier .fine { margin-top: 10px; } | 972 | .quartier .fine { margin-top: 10px; } | ||
| 973 | 973 | ||||
| 974 | /* --- Fiche v2 (mobile-first) ------------------------------------------------ */ | 974 | /* --- Fiche v2 (mobile-first) ------------------------------------------------ */ | ||
@@ -1027,7 +1027,7 @@ html:has(.mobile-menu.open) { overflow: hidden; } | |||||
| 1027 | } | 1027 | } | ||
| 1028 | .deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); } | 1028 | .deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.3); color: var(--blue); } | ||
| 1029 | .deal-ok { background: var(--surface); color: var(--ink-2); } | 1029 | .deal-ok { background: var(--surface); color: var(--ink-2); } | ||
| 1030 | −.deal-high { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.35); color: var(--orange-deep); } | 1030 | +.deal-high { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.35); color: var(--orange-deep); } | ||
| 1031 | .f-hero h1 { font-size: clamp(20px, 4.5vw, 26px); margin-top: 8px; } | 1031 | .f-hero h1 { font-size: clamp(20px, 4.5vw, 26px); margin-top: 8px; } | ||
| 1032 | 1032 | ||||
| 1033 | /* chips clés à défilement horizontal */ | 1033 | /* chips clés à défilement horizontal */ | ||
@@ -1269,7 +1269,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1269 | .mv-noimg { display: flex; align-items: center; justify-content: center; color: var(--ink-3); } | 1269 | .mv-noimg { display: flex; align-items: center; justify-content: center; color: var(--ink-3); } | ||
| 1270 | 1270 | ||||
| 1271 | /* footer — liens (Groupe KA, courriels, mentions légales) */ | 1271 | /* footer — liens (Groupe KA, courriels, mentions légales) */ | ||
| 1272 | −.footer .frow a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(255, 106, 0, 0.5); text-underline-offset: 3px; } | 1272 | +.footer .frow a { color: var(--white); text-decoration: underline; text-decoration-color: rgba(36, 86, 230, 0.5); text-underline-offset: 3px; } | ||
| 1273 | .footer .frow a:hover { color: var(--orange); } | 1273 | .footer .frow a:hover { color: var(--orange); } | ||
| 1274 | .footer .fmono a:hover { color: var(--orange); } | 1274 | .footer .fmono a:hover { color: var(--orange); } | ||
| 1275 | 1275 | ||||
@@ -1326,7 +1326,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1326 | .pc-watermark { | 1326 | .pc-watermark { | ||
| 1327 | position: absolute; right: -18px; top: -34px; pointer-events: none; | 1327 | position: absolute; right: -18px; top: -34px; pointer-events: none; | ||
| 1328 | font-family: var(--font-display); font-weight: 700; font-size: 170px; | 1328 | font-family: var(--font-display); font-weight: 700; font-size: 170px; | ||
| 1329 | − letter-spacing: -0.06em; color: rgba(255, 106, 0, 0.07); | 1329 | + letter-spacing: -0.06em; color: rgba(36, 86, 230, 0.07); | ||
| 1330 | transform: rotate(-8deg); line-height: 1; | 1330 | transform: rotate(-8deg); line-height: 1; | ||
| 1331 | } | 1331 | } | ||
| 1332 | .pc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; } | 1332 | .pc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; } | ||
@@ -1334,11 +1334,11 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1334 | .pc-ka { color: var(--orange); margin-left: 1px; display: inline-block; } | 1334 | .pc-ka { color: var(--orange); margin-left: 1px; display: inline-block; } | ||
| 1335 | .pc-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(255, 255, 255, 0.5); } | 1335 | .pc-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16em; color: rgba(255, 255, 255, 0.5); } | ||
| 1336 | .pc-id-block { margin: 26px 0 22px; display: flex; flex-direction: column; gap: 4px; } | 1336 | .pc-id-block { margin: 26px 0 22px; display: flex; flex-direction: column; gap: 4px; } | ||
| 1337 | −.pc-id-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(255, 106, 0, 0.75); } | 1337 | +.pc-id-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(36, 86, 230, 0.75); } | ||
| 1338 | .pc-id { | 1338 | .pc-id { | ||
| 1339 | font-weight: 700; color: var(--orange); | 1339 | font-weight: 700; color: var(--orange); | ||
| 1340 | font-size: clamp(22px, 6vw, 34px); letter-spacing: 0.14em; | 1340 | font-size: clamp(22px, 6vw, 34px); letter-spacing: 0.14em; | ||
| 1341 | − text-shadow: 0 0 24px rgba(255, 106, 0, 0.35); | 1341 | + text-shadow: 0 0 24px rgba(36, 86, 230, 0.35); | ||
| 1342 | } | 1342 | } | ||
| 1343 | .pc-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; padding-bottom: 18px; } | 1343 | .pc-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; padding-bottom: 18px; } | ||
| 1344 | .pc-holder { display: flex; flex-direction: column; gap: 2px; min-width: 0; } | 1344 | .pc-holder { display: flex; flex-direction: column; gap: 2px; min-width: 0; } | ||
@@ -1352,7 +1352,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1352 | padding: 2px 8px 3px; border-radius: var(--r-pill); | 1352 | padding: 2px 8px 3px; border-radius: var(--r-pill); | ||
| 1353 | } | 1353 | } | ||
| 1354 | .pc-avatar { width: 52px; height: 52px; border-radius: var(--r-pill); border: 2px solid var(--orange); flex: none; } | 1354 | .pc-avatar { width: 52px; height: 52px; border-radius: var(--r-pill); border: 2px solid var(--orange); flex: none; } | ||
| 1355 | −.pc-strip { display: flex; gap: 5px; margin: 0 -26px; padding: 9px 18px; background: rgba(255, 106, 0, 0.1); border-top: 1px solid rgba(255, 106, 0, 0.25); overflow: hidden; } | 1355 | +.pc-strip { display: flex; gap: 5px; margin: 0 -26px; padding: 9px 18px; background: rgba(36, 86, 230, 0.1); border-top: 1px solid rgba(36, 86, 230, 0.25); overflow: hidden; } | ||
| 1356 | .pc-strip i { display: block; width: 3px; border-radius: 1px; background: var(--orange); opacity: 0.7; } | 1356 | .pc-strip i { display: block; width: 3px; border-radius: 1px; background: var(--orange); opacity: 0.7; } | ||
| 1357 | .pc-strip i:nth-child(3n) { height: 14px; opacity: 0.35; } | 1357 | .pc-strip i:nth-child(3n) { height: 14px; opacity: 0.35; } | ||
| 1358 | .pc-strip i:nth-child(3n+1) { height: 9px; } | 1358 | .pc-strip i:nth-child(3n+1) { height: 9px; } | ||
@@ -1409,7 +1409,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1409 | border-radius: var(--r-card); box-shadow: var(--shadow-flat); | 1409 | border-radius: var(--r-card); box-shadow: var(--shadow-flat); | ||
| 1410 | font-family: var(--font-body); transition: all 0.15s ease; | 1410 | font-family: var(--font-body); transition: all 0.15s ease; | ||
| 1411 | } | 1411 | } | ||
| 1412 | −.role-card:hover:not(:disabled) { transform: translateY(-4px); box-shadow: var(--shadow-off); border-color: rgba(255, 106, 0, 0.4); } | 1412 | +.role-card:hover:not(:disabled) { transform: translateY(-4px); box-shadow: var(--shadow-off); border-color: rgba(36, 86, 230, 0.4); } | ||
| 1413 | .role-card:disabled { opacity: 0.6; cursor: wait; } | 1413 | .role-card:disabled { opacity: 0.6; cursor: wait; } | ||
| 1414 | .role-ico { display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; background: var(--orange-soft); color: var(--orange); border-radius: 16px; } | 1414 | .role-ico { display: flex; width: 54px; height: 54px; align-items: center; justify-content: center; background: var(--orange-soft); color: var(--orange); border-radius: 16px; } | ||
| 1415 | .role-title { font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: -0.02em; color: var(--navy); } | 1415 | .role-title { font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: -0.02em; color: var(--navy); } | ||
@@ -1434,7 +1434,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1434 | } | 1434 | } | ||
| 1435 | .fav-btn:hover { transform: scale(1.12); } | 1435 | .fav-btn:hover { transform: scale(1.12); } | ||
| 1436 | .fav-btn.on { background: var(--white); color: var(--orange); } | 1436 | .fav-btn.on { background: var(--white); color: var(--orange); } | ||
| 1437 | −.fav-btn.on svg { filter: drop-shadow(0 0 3px rgba(255, 106, 0, 0.35)); } | 1437 | +.fav-btn.on svg { filter: drop-shadow(0 0 3px rgba(36, 86, 230, 0.35)); } | ||
| 1438 | 1438 | ||||
| 1439 | /* ================= Espace gestionnaire ================= */ | 1439 | /* ================= Espace gestionnaire ================= */ | ||
| 1440 | .claim-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; max-width: 640px; } | 1440 | .claim-row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; max-width: 640px; } | ||
@@ -1716,7 +1716,7 @@ html { scroll-padding-top: 76px; } /* header sticky au-dessus des ancres */ | |||||
| 1716 | l'icône ▼ ≈ ▲ et le libellé portent l'information, pas la couleur seule) */ | 1716 | l'icône ▼ ≈ ▲ et le libellé portent l'information, pas la couleur seule) */ | ||
| 1717 | .fv-badge.deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.35); color: var(--blue); } | 1717 | .fv-badge.deal-good { background: var(--blue-soft); border-color: rgba(28, 92, 65, 0.35); color: var(--blue); } | ||
| 1718 | .fv-badge.deal-ok { background: var(--surface); color: var(--ink-2); } | 1718 | .fv-badge.deal-ok { background: var(--surface); color: var(--ink-2); } | ||
| 1719 | −.fv-badge.deal-high { background: var(--orange-soft); border-color: rgba(255, 106, 0, 0.4); color: var(--orange-deep); } | 1719 | +.fv-badge.deal-high { background: var(--orange-soft); border-color: rgba(36, 86, 230, 0.4); color: var(--orange-deep); } | ||
| 1720 | 1720 | ||||
| 1721 | .f-fairvalue .fv-head { | 1721 | .f-fairvalue .fv-head { | ||
| 1722 | display: flex; align-items: flex-start; justify-content: space-between; | 1722 | display: flex; align-items: flex-start; justify-content: space-between; | ||
| 1723 | 1723 | ||||