Update static/css/style.css

static/css/style.css

@@ -1,98 +1,216 @@
-/* ==========================================
-   GOLDEN + WHITE THEME
-   BLACK TEXT OVERRIDE
-========================================== */
+/* =====================================================
+   ASSETQR ENTERPRISE
+   Premium Gold & White Theme
+   All Text Black
+===================================================== */
 
 :root{
-    --primary:#D4AF37;
-    --primary-dark:#B8860B;
-    --secondary:#F8F5EC;
 
-    --background:#FFFFFF;
-    --card:#FFFFFF;
-    --section:#FCFBF8;
+    --primary:#C89B3C;
+    --primary-dark:#A67C1A;
+    --primary-light:#E9D18B;
+
+    --white:#FFFFFF;
+    --off-white:#FCFAF4;
+    --section:#F7F5EF;
 
     --text:#000000;
-    --text-light:#000000;
-    --text-muted:#000000;
+    --text-light:#222222;
+    --muted:#555555;
+
+    --border:#E6E6E6;
+
+    --success:#198754;
+    --danger:#DC3545;
+
+    --shadow:0 8px 30px rgba(0,0,0,.08);
+
+    --radius:16px;
 
-    --border:#E5E5E5;
+    --transition:.35s ease;
 }
 
-/* Global */
+/* =======================
+   Global
+======================= */
+
+html{
+    scroll-behavior:smooth;
+}
 
 body{
-    background:#ffffff;
-    color:#000000 !important;
+
+    background:var(--off-white);
+
+    color:var(--text);
+
+    font-family:"Segoe UI",sans-serif;
+
+    overflow-x:hidden;
+
 }
 
 section{
-    background:#FCFBF8 !important;
+
+    background:var(--section);
+
+    padding:80px 0;
+
 }
 
-/* Headings */
+.container{
+
+    position:relative;
+
+    z-index:2;
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6{
-    color:#000000 !important;
 }
 
-/* Paragraphs */
+/* =======================
+   Typography
+======================= */
+
+h1,h2,h3,h4,h5,h6{
+
+    color:#000 !important;
+
+    font-weight:700;
+
+}
 
 p,
 span,
+label,
 small,
 strong,
-li,
-label,
-td,
-th{
-    color:#000000 !important;
+li{
+
+    color:#000 !important;
+
 }
 
-/* Links */
+.text-muted,
+.text-light,
+.text-white,
+.text-muted-light,
+.text-navy{
+
+    color:#444 !important;
+
+}
+
+/* =======================
+   Links
+======================= */
 
 a{
-    color:#000000;
+
+    color:#000;
+
+    transition:.3s;
+
     text-decoration:none;
+
 }
 
 a:hover{
-    color:#B8860B;
+
+    color:var(--primary-dark);
+
 }
 
-/* Navbar */
+/* =======================
+   Navbar
+======================= */
 
 .premium-nav{
-    background:#ffffff !important;
-    border-bottom:3px solid #D4AF37;
-    box-shadow:0 5px 20px rgba(0,0,0,.08);
+
+    position:relative !important;
+
+    background:#fff !important;
+
+    border-bottom:3px solid var(--primary);
+
+    box-shadow:0 3px 20px rgba(0,0,0,.08);
+
+    padding:15px 0;
+
 }
 
 .navbar-brand{
-    color:#B8860B !important;
+
+    color:var(--primary-dark)!important;
+
+    font-weight:700;
+
 }
 
 .nav-link{
-    color:#000000 !important;
+
+    color:#000!important;
+
+    font-weight:600;
+
+    margin-left:18px;
+
+}
+
+.nav-link:hover{
+
+    color:var(--primary-dark)!important;
+
 }
 
-.nav-link:hover,
 .nav-link.active{
-    color:#B8860B !important;
+
+    color:var(--primary)!important;
+
+}
+
+.nav-link::after{
+
+    background:var(--primary);
+
 }
 
-/* Hero */
+/* =======================
+   Hero
+======================= */
 
 .hero-section{
-    background:linear-gradient(180deg,#ffffff,#FFF9EC);
+
+    background:linear-gradient(180deg,#ffffff,#FFF8EA);
+
+    min-height:80vh;
+
+    display:flex;
+
+    align-items:center;
+
+    padding-top:50px;
+
 }
 
-/* Cards */
+.hero-section::before,
+.hero-section::after{
+
+    display:none;
+
+}
+
+.text-gradient{
+
+    color:var(--primary-dark)!important;
+
+    background:none!important;
+
+    -webkit-text-fill-color:inherit;
+
+}
+
+/* =======================
+   Cards
+======================= */
 
 .glass-card,
 .edge-card,
@@ -102,163 +220,269 @@ a:hover{
 .service-panel,
 .contact-form-card{
 
-    background:#ffffff !important;
+    background:#fff!important;
+
+    border:1px solid var(--border)!important;
 
-    color:#000000 !important;
+    border-radius:18px;
 
-    border:1px solid #E8E8E8 !important;
+    backdrop-filter:none!important;
 
-    backdrop-filter:none;
+    box-shadow:var(--shadow);
+
+    color:#000!important;
+
+    transition:var(--transition);
 
-    box-shadow:0 10px 30px rgba(0,0,0,.08);
 }
 
 .glass-card:hover,
 .edge-card:hover,
-.feature-box:hover{
+.feature-box:hover,
+.partner-card:hover,
+.counter-card:hover,
+.service-panel:hover{
+
+    transform:translateY(-8px);
+
+    border-color:var(--primary)!important;
+
+    box-shadow:0 15px 35px rgba(200,155,60,.25);
+
+}
+
+/* =======================
+   Icons
+======================= */
+
+.icon-wrap{
+
+    width:60px;
+
+    height:60px;
+
+    border-radius:14px;
+
+    background:#FFF6DA;
 
-    border-color:#D4AF37 !important;
+    color:var(--primary-dark);
+
+    display:flex;
+
+    align-items:center;
+
+    justify-content:center;
+
+    font-size:24px;
+
+}
+
+.glass-card:hover .icon-wrap{
+
+    background:var(--primary);
+
+    color:#fff;
 
-    box-shadow:0 18px 35px rgba(212,175,55,.20);
 }
 
-/* Buttons */
+/* =======================
+   Buttons
+======================= */
 
 .btn-premium-primary{
 
-    background:#D4AF37;
+    background:linear-gradient(135deg,#D4AF37,#B8860B);
+
+    color:#fff;
 
-    color:#ffffff;
+    border:none;
+
+    padding:14px 34px;
+
+    border-radius:10px;
+
+    font-weight:600;
 
 }
 
 .btn-premium-primary:hover{
 
-    background:#B8860B;
+    background:#A67C1A;
+
+    color:#fff;
+
+    transform:translateY(-3px);
 
 }
 
 .btn-premium-outline{
 
-    color:#000000;
+    background:#fff;
 
-    border:2px solid #D4AF37;
+    border:2px solid var(--primary);
+
+    color:#000;
 
 }
 
 .btn-premium-outline:hover{
 
-    background:#D4AF37;
+    background:var(--primary);
 
-    color:#ffffff;
+    color:#fff;
 
 }
 
-/* Forms */
+/* =======================
+   Forms
+======================= */
 
 .form-control,
 .form-select{
 
-    background:#ffffff !important;
+    background:#fff!important;
+
+    border:1px solid #ddd;
 
-    color:#000000 !important;
+    color:#000!important;
 
-    border:1px solid #DDDDDD;
+    border-radius:10px;
+
+    padding:12px;
 
 }
 
 .form-control::placeholder{
 
-    color:#666666;
+    color:#777;
 
 }
 
-.form-control:focus{
+.form-control:focus,
+.form-select:focus{
 
-    border-color:#D4AF37;
+    border-color:var(--primary);
 
-    box-shadow:0 0 15px rgba(212,175,55,.20);
+    box-shadow:0 0 0 .2rem rgba(200,155,60,.15);
 
 }
 
-/* Tables */
+/* =======================
+   Tables
+======================= */
 
 .table{
 
-    color:#000000;
+    background:#fff;
+
+    color:#000;
+
+    border-radius:12px;
+
+    overflow:hidden;
 
 }
 
 .table thead{
 
-    background:#D4AF37;
+    background:var(--primary);
 
-    color:#ffffff;
+    color:#fff;
 
 }
 
-/* Footer */
+.table th{
 
-footer{
+    color:#fff!important;
 
-    background:#ffffff !important;
-
-    color:#000000 !important;
+}
 
-    border-top:3px solid #D4AF37;
+/* =======================
+   QR Scanner
+======================= */
 
-}
+.scanner-ui-frame{
 
-/* Icons */
+    background:#fff;
 
-.icon-wrap{
+    border:2px solid var(--primary);
 
-    background:#FFF5D9;
+    border-radius:18px;
 
-    color:#B8860B;
+    box-shadow:var(--shadow);
 
 }
 
-/* Remove white text from previous dark theme */
+.scanner-laser{
 
-.text-white,
-.text-light,
-.text-muted,
-.text-muted-light,
-.text-navy{
-
-    color:#000000 !important;
+    background:linear-gradient(to right,transparent,var(--primary),transparent);
 
 }
 
-/* Contact */
+/* =======================
+   Contact
+======================= */
 
-.contact-form-card label,
 .contact-form-card h4,
+.contact-form-card label,
 .contact-form-card p{
 
-    color:#000000 !important;
+    color:#000!important;
 
 }
 
-/* Scanner */
+/* =======================
+   Footer
+======================= */
 
-.scanner-ui-frame{
+footer{
+
+    background:#fff!important;
 
-    background:#ffffff;
+    color:#000!important;
 
-    border:2px solid #D4AF37;
+    border-top:3px solid var(--primary);
+
+    padding:40px 0;
 
 }
 
-/* Status */
+/* =======================
+   Utilities
+======================= */
 
 .bg-soft-primary{
 
-    background:#FFF4D8;
+    background:#FFF5D7;
 
     color:#8A6500;
 
-    border:1px solid #D4AF37;
+    border:1px solid var(--primary);
+
+}
+
+.bg-success-soft{
+
+    background:#EAF7EE;
+
+    color:#198754;
+
+}
+
+.dot{
+
+    background:#198754;
+
+}
+
+.team-image img{
+
+    transition:.5s;
+
+}
+
+.team-image:hover img{
+
+    transform:scale(1.05);
 
 }