/* Tenant: delectable-ai */
:root {
  --via-primary: #0F2438;
  --via-primary-dark: #071529;
  --via-primary-light: #1A3450;
  --via-secondary: #7C8590;
  --via-accent: #C2A24A;
  --via-font-sans: "Inter", "system-ui", "-apple-system", "sans-serif";
  --via-font-heading: "Fraunces", serif;
  --via-font-mono: "JetBrains Mono", monospace;
}
:root { --via-primary: #0F2438; --via-primary-dark: #071D3A; --via-primary-light: #1A3450; --via-secondary: #C2A24A; --via-accent: #0072CE; --via-success: #27ae60; --via-warning: #f39c12; --via-error: #c0392b; --via-info: #0072CE; --via-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --via-font-heading: 'Fraunces', serif; --via-font-mono: 'JetBrains Mono', monospace; --via-bg: #F4EEE3; --via-text-color: #3C4651; --via-card-bg: #FAF6EC; --via-card-border: rgba(21, 32, 44, 0.12); --via-sidebar-bg: #0F2438; --via-sidebar-color: rgba(244, 238, 227, 0.66); --via-sidebar-hover-bg: rgba(255, 255, 255, 0.05); --via-sidebar-active-bg: rgba(194, 162, 74, 0.15); --via-sidebar-active-border: #C2A24A; } body { background-color: var(--via-bg) !important; color: var(--via-text-color) !important; font-family: var(--via-font-sans) !important; } h1, h2, h3, h4, h5, h6, .gos-page-title, .gos-logo-title, .modal-title { font-family: var(--via-font-heading), serif !important; font-weight: 500 !important; color: #15202C !important; } .gos-sidebar { background: var(--via-sidebar-bg) !important; border-right: 1px solid var(--via-card-border) !important; box-shadow: 4px 0 24px rgba(15, 36, 56, 0.04) !important; } .gos-logo { border-bottom: 1px solid rgba(244, 238, 227, 0.08) !important; padding: 24px 20px !important; background: rgba(15, 36, 56, 0.2) !important; } .gos-logo-title { color: var(--via-secondary) !important; font-family: 'JetBrains Mono', monospace !important; font-weight: 600 !important; letter-spacing: 0.15em !important; font-size: 13.5px !important; } .gos-logo-sub { color: rgba(244, 238, 227, 0.4) !important; font-family: var(--via-font-sans) !important; letter-spacing: 0.08em !important; font-size: 10px !important; } .gos-nav-section { color: rgba(244, 238, 227, 0.3) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important; letter-spacing: 0.12em !important; padding-top: 18px !important; } .gos-nav-item { color: var(--via-sidebar-color) !important; font-size: 13px !important; padding: 10px 20px !important; border-left-width: 4px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .gos-nav-item:hover { color: #FAF6EC !important; background: var(--via-sidebar-hover-bg) !important; } .gos-nav-item.active { color: #FAF6EC !important; background: var(--via-sidebar-active-bg) !important; border-left-color: var(--via-sidebar-active-border) !important; font-weight: 500 !important; } .gos-sidebar-footer { border-top: 1px solid rgba(244, 238, 227, 0.08) !important; color: rgba(244, 238, 227, 0.35) !important; background: rgba(15, 36, 56, 0.15) !important; } .gos-topbar { background: var(--via-card-bg) !important; border-bottom: 1px solid var(--via-card-border) !important; padding: 16px 28px !important; } .gos-page-title { font-size: 17px !important; letter-spacing: -0.02em !important; } .gos-content .card, .gos-card, .gos-stat, .person-card, .committee-card, .hub-card { background: var(--via-card-bg) !important; border: 1px solid var(--via-card-border) !important; border-radius: 12px !important; box-shadow: 0 4px 16px rgba(21, 32, 44, 0.02) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .gos-content .card:hover, .gos-card:hover, .gos-stat:hover, .person-card:hover, .committee-card:hover, .hub-card:hover { box-shadow: 0 8px 24px rgba(15, 36, 56, 0.05) !important; transform: translateY(-2px) !important; } .gos-content .card-header { background: rgba(21, 32, 44, 0.02) !important; border-bottom: 1px solid var(--via-card-border) !important; padding: 14px 20px !important; } .gos-content .card-footer { background: rgba(21, 32, 44, 0.01) !important; border-top: 1px solid var(--via-card-border) !important; } .gos-stat { border-left: 4px solid var(--via-secondary) !important; } .gos-stat-val { font-family: var(--via-font-heading), serif !important; color: var(--via-primary) !important; font-size: 28px !important; } .gos-stat-label { font-family: 'JetBrains Mono', monospace !important; font-size: 10.5px !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: var(--via-text-color) !important; opacity: 0.7 !important; } .gos-badge, .tag { font-family: 'JetBrains Mono', monospace !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-size: 10px !important; font-weight: 500 !important; } .badge-green { background: rgba(157, 179, 168, 0.2) !important; color: #1F3F35 !important; } .badge-amber { background: rgba(216, 190, 115, 0.2) !important; color: #5C481A !important; } .badge-red { background: rgba(168, 67, 43, 0.1) !important; color: #A8432B !important; } .badge-blue { background: rgba(0, 114, 206, 0.1) !important; color: #0072CE !important; } .gos-alert { border-radius: 8px !important; border-left-width: 4px !important; } .alert-blue { background: rgba(0, 114, 206, 0.04) !important; border-color: var(--via-accent) !important; color: var(--via-primary) !important; } .gos-table th { background: rgba(21, 32, 44, 0.02) !important; border-bottom: 2px solid var(--via-card-border) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 10.5px !important; color: #15202C !important; } .gos-table td { border-bottom: 1px solid rgba(21, 32, 44, 0.06) !important; } .gos-btn, .btn-primary, .chat-input-wrap button { font-family: var(--via-font-heading), serif !important; background: var(--via-accent) !important; color: #fff !important; border-radius: 8px !important; padding: 8px 16px !important; font-size: 13.5px !important; border: none !important; font-weight: 500 !important; box-shadow: 0 2px 8px rgba(0, 114, 206, 0.15) !important; transition: all 0.15s ease !important; } .gos-btn:hover, .btn-primary:hover, .chat-input-wrap button:hover { background: #005ba8 !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 114, 206, 0.25) !important; } .btn-teal { background: var(--via-secondary) !important; color: var(--via-primary) !important; box-shadow: 0 2px 8px rgba(194, 162, 74, 0.15) !important; } .btn-teal:hover { background: var(--via-primary-light) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(194, 162, 74, 0.25) !important; } .btn-outline { border: 1px solid var(--via-card-border) !important; background: transparent !important; color: var(--via-text-color) !important; } .btn-outline:hover { background: rgba(21, 32, 44, 0.04) !important; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: rgba(21, 32, 44, 0.02); } ::-webkit-scrollbar-thumb { background: rgba(21, 32, 44, 0.15); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: rgba(21, 32, 44, 0.3); } .chat-toggle { background: var(--via-primary) !important; border: 1px solid var(--via-card-border) !important; box-shadow: 0 8px 32px rgba(15, 36, 56, 0.15) !important; } .chat-toggle:hover { background: var(--via-primary-light) !important; } .chat-header { background: var(--via-primary) !important; } .chat-widget { border: 1px solid var(--via-card-border) !important; border-radius: 16px !important; box-shadow: 0 12px 48px rgba(15, 36, 56, 0.12) !important; }