/* dotcom corporate design — fonts + tokens */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/Montserrat-400.ttf) format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/css/Montserrat-600.ttf) format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/Montserrat-700.ttf) format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/Roboto-400.ttf) format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(/css/Roboto-500.ttf) format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/Roboto-700.ttf) format('truetype'); }

:root {
    --brand-blue: #0E4A7D;
    --brand-navy: #092f4f;
    --brand-cyan: #008bb7;
    --brand-ink:  #313336;
    --brand-mute: #6F6F6F;
}

body { font-family: 'Roboto', system-ui, sans-serif; color: var(--brand-ink); }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', system-ui, sans-serif; color: var(--brand-ink); letter-spacing: -0.01em; }

/* Sidebar: brand blue instead of near-black */
aside.bg-gray-900 { background-color: var(--brand-blue) !important; }
aside .border-gray-800 { border-color: rgba(255,255,255,0.10) !important; }
aside a.bg-gray-800 { background-color: var(--brand-navy) !important; }
aside a:hover { background-color: var(--brand-navy) !important; }

/* Primary CTA buttons (anchors & buttons using gray-900) — keep <pre> code blocks dark */
:is(a, button, input, span, div).bg-gray-900 { background-color: var(--brand-blue) !important; }
aside.bg-gray-900 { background-color: var(--brand-blue) !important; }
:is(a, button).hover\:bg-gray-800:hover { background-color: var(--brand-navy) !important; }
aside.bg-gray-900 nav a,
aside.bg-gray-900 .border-t a { background-color: transparent !important; }
aside.bg-gray-900 nav a.bg-gray-800,
aside.bg-gray-900 nav a:hover { background-color: var(--brand-navy) !important; }

/* Link accent */
a.text-blue-600, a.text-blue-700, .text-blue-600, .text-blue-700 { color: var(--brand-cyan) !important; }
a.text-blue-600:hover, a.text-blue-700:hover { color: var(--brand-blue) !important; }

/* Inbox badge: brand cyan instead of plain blue */
.bg-blue-500 { background-color: var(--brand-cyan) !important; }

/* Focus rings in brand color */
.focus\:ring-gray-900:focus, .focus\:ring-blue-500:focus { --tw-ring-color: var(--brand-blue) !important; }

/* Heading utility classes */
.text-gray-900 { color: var(--brand-ink) !important; }