/* Scraping Agency brand colours. https://scrapingagency.com/brand/ */
:root {
    --sa-signal-orange: #ff531a; /* The S in the logo. Logo only, never for text. */
    --sa-logo-ink: #2a2b2b; /* The A and the name in the full-colour logo. */
    --sa-accent: #c4521f; /* Buttons and other filled shapes. */
    --sa-accent-ink: #ab4318; /* Links and the italic accent in headlines. */
    --sa-ink: #2b3437; /* Text. */
    --sa-ink-muted: #596461; /* Secondary text. */
    --sa-paper: #fffdf7; /* Panels, cards and paper bands. */
    --sa-canvas: #f8f5ed; /* Page background. */
    --sa-line: #d7d6ca; /* Hairline rules, borders and contour lines. */
    --sa-accent-ink-night: #f39b68; /* Links and accents on dark backgrounds. */
    --sa-ink-night: #e7e6db; /* Text, and the A and name in the reversed logo. */
    --sa-ink-muted-night: #acb8b4; /* Secondary text on dark backgrounds. */
    --sa-night: #191f22; /* Dark backgrounds and the app icon. */
}