/* ========================================================================== Brand Theming System Defines CSS custom properties for NDG corporate, NETLAB+, and NDG Online brands. Applied via data-brand attribute on . Overrides the same --color-brand-* variables defined in input.css @theme. ========================================================================== */ /* -- Alpine.js x-cloak: hide elements until Alpine initializes -- */ [x-cloak] { display: none !important; } /* -- NETLAB+ Brand: Navy + Orange -- */ [data-brand="netlab"] { --color-brand-primary: #0f3d6e; --color-brand-primary-dark: #0a2d52; --color-brand-accent: #f97316; --color-brand-accent-hover: #ea580c; --color-brand-surface: #f0f6ff; --color-brand-surface-alt: #e0edff; --color-brand-text: #0a1f35; --color-brand-text-muted: #4a6080; --color-brand-border: #bdd4ed; --color-hero-bg: #0f3d6e; --color-hero-text: #ffffff; --color-hero-muted: #cbd5e1; } /* -- NDG Online Brand: Teal + Green -- */ [data-brand="online"] { --color-brand-primary: #0d7c6a; --color-brand-primary-dark: #095c4f; --color-brand-accent: #10b981; --color-brand-accent-hover: #059669; --color-brand-surface: #f0fdf9; --color-brand-surface-alt: #dcfce7; --color-brand-text: #042f26; --color-brand-text-muted: #2d6b5e; --color-brand-border: #a7f3d0; --color-hero-bg: #0d7c6a; --color-hero-text: #ffffff; --color-hero-muted: #cbd5e1; } /* -- Product Strip -- */ .product-strip { background-color: #0f172a; color: #94a3b8; } .product-strip a { color: #94a3b8; text-decoration: none; transition: color 0.15s ease; } .product-strip a:hover, .product-strip a.active { color: #ffffff; } [data-brand="netlab"] .product-strip a.product-netlab, [data-brand="online"] .product-strip a.product-online { color: #ffffff; font-weight: 600; }