/* SharpScout AI brand guidelines v1.0. Fonts ship with the native app. */
@font-face { font-family: Inter; src: url('assets/fonts/inter.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('assets/fonts/inter-500.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url('assets/fonts/inter-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url('assets/fonts/inter-700.woff2') format('woff2'); font-style: normal; font-weight: 700 900; font-display: swap; }
@font-face { font-family: Poppins; src: url('assets/fonts/poppins-600.woff2') format('woff2'); font-style: normal; font-weight: 500 600; font-display: swap; }
@font-face { font-family: Poppins; src: url('assets/fonts/poppins-700.woff2') format('woff2'); font-style: normal; font-weight: 700 900; font-display: swap; }
/* Handwritten byline requested for Sharp; brand headings retain Poppins. */
@font-face { font-family: Caveat; src: url('assets/fonts/caveat-500.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; }
:root {
    --on-signal: #07191c;
    --font-stack: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: Poppins, var(--font-stack);
    --font-signature: Caveat, cursive;
    --ss-sans: var(--font-stack);
    --ss-serif: var(--font-display);
    --ss-mono: var(--font-stack);
}
[data-theme="light"] { --on-signal: #ffffff; }
body, button, input, select, textarea { font-family: var(--font-stack); }
body { font-variant-numeric: tabular-nums; }
h1, h2 { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.02em; }
h3, h4, h5, h6, table { font-family: var(--font-stack); }
.ss-brand-logo { display: inline-flex; align-items: center; width: 200px; max-width: 100%; flex-shrink: 0; }
.ss-brand-logo img { display: block; width: 100%; height: auto; object-fit: contain; }
.ss-brand-logo .ss-brand-logo-light { display: none; }
[data-theme="light"] .ss-brand-logo .ss-brand-logo-dark { display: none; }
[data-theme="light"] .ss-brand-logo .ss-brand-logo-light { display: block; }
/* A fixed ink surface keeps the dark asset even in the light app theme. */
[data-brand-surface="dark"] .ss-brand-logo .ss-brand-logo-dark { display: block; }
[data-brand-surface="dark"] .ss-brand-logo .ss-brand-logo-light { display: none; }
@media (prefers-reduced-motion: reduce) {
    .ss-brand-logo, .ss-brand-logo img { animation: none; transition: none; }
}