/* * Brand-level CSS variables for use in site.css (and any other hand-written CSS). * For Bootstrap-derived components (btn-primary, table-*, etc.) override the * matching SCSS variables in wwwroot/scss/bootstrap-customization.scss instead. */ :root { --app-text: #212529; --app-background: #ffffff; /* Brand colors. The two below are the only ones a tenant overrides — the light/dark variants are derived in CSS via color-mix so admins don't have to pick three hues. _Layout.cshtml emits an inline in after this stylesheet links; that block wins by source order. */ --app-accent: #1f6f3a; /* default: fairway green */ --app-accent-light: color-mix(in srgb, var(--app-accent) 70%, white); --app-accent-dark: color-mix(in srgb, var(--app-accent) 70%, black); --app-sand: #e6d8a8; /* bunker — only used for the navbar underline */ --app-sky: #4a90e2; --app-warning: #ffc107; /* default: sand-trap yellow */ } html { font-size: 14px; } @media (min-width: 768px) { html { font-size: 16px; } } html { position: relative; min-height: 100%; } body { margin-bottom: 60px; background-color: #fafbfa; } /* ---------- Top navbar ---------- */ .app-navbar { background: linear-gradient(135deg, var(--app-accent-dark) 0%, var(--app-accent) 60%, var(--app-accent-light) 100%); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); border-bottom: 3px solid var(--app-sand); } .app-navbar .navbar-brand { font-weight: 600; letter-spacing: 0.3px; color: #fff !important; } .app-navbar-logo { height: 1.75rem; width: auto; max-width: 12rem; object-fit: contain; } .app-navbar .nav-link { color: rgba(255, 255, 255, 0.92) !important; transition: background-color 0.15s ease; border-radius: 4px; padding: 0.45rem 0.75rem !important; } .app-navbar .nav-link:hover, .app-navbar .nav-link:focus { background-color: rgba(255, 255, 255, 0.12); color: #fff !important; } .app-navbar .nav-link.text-warning { color: var(--app-warning) !important; } .app-navbar .dropdown-menu { border: none; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15); border-radius: 6px; margin-top: 0.25rem; } .app-navbar .dropdown-item { padding: 0.5rem 1rem; } .app-navbar .dropdown-item:active { background-color: var(--app-accent); } /* Tenant indicator in the navbar */ .app-navbar .navbar-text { color: rgba(255, 255, 255, 0.85); } /* The login partial buttons */ .app-navbar .btn-link { color: rgba(255, 255, 255, 0.92) !important; text-decoration: none; padding: 0.45rem 0.75rem; } .app-navbar .btn-link:hover { background-color: rgba(255, 255, 255, 0.12); color: #fff !important; border-radius: 4px; } /* ---------- General content polish ---------- */ main { background: #ffffff; padding: 1.5rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } h1.display-4 { color: var(--app-accent-dark); } .btn-primary { background-color: var(--app-accent); border-color: var(--app-accent); } .btn-primary:hover, .btn-primary:focus { background-color: var(--app-accent-dark); border-color: var(--app-accent-dark); } a { color: var(--app-accent); } a:hover { color: var(--app-accent-dark); } /* Hide validation summaries that have no content (Bootstrap doesn't do this by default) */ .d-none-empty:empty { display: none !important; } /* ---------- Footer ---------- */ .footer { background: #ffffff; border-top: 1px solid #e4e8e4 !important; } /* ---------- SuperAdmin pages ---------- */ .admin-card { border-left: 4px solid var(--app-warning); background: #fffaf0; padding: 1rem 1.25rem; border-radius: 4px; }