/* ---------------------------------------------------------------------------
 * Obarun design tokens.
 *
 * THE source of truth for every Obarun component: site, wiki, news, docs.
 * Copy this file into a project once, at its creation, and never edit the copy
 * in place. A colour that is not here does not exist.
 *
 * Reference: ~/Obarun/graphics/  (see README.md)
 * ------------------------------------------------------------------------- */

:root {
    /* Surfaces, darkest to lightest ------------------------------------- */
    --ob-ink-900: #080d12;   /* page background */
    --ob-ink-850: #0b1219;   /* alternate section, header, footer */
    --ob-ink-800: #0d151c;   /* surface */
    --ob-ink-700: #121b24;   /* card */
    --ob-ink-600: #17222c;   /* raised surface */

    /* Borders ------------------------------------------------------------ */
    --ob-line: rgba(126, 166, 190, 0.14);
    --ob-line-strong: rgba(126, 166, 190, 0.28);

    /* Brand, the single accent ------------------------------------------- */
    --ob-brand: #2494be;
    --ob-brand-lit: #57c6ec;

    /* Status ------------------------------------------------------------- */
    --ob-signal: #d9a441;    /* amber, secondary signalling */
    --ob-ok: #5cb98a;

    /* Text, most to least prominent -------------------------------------- */
    --ob-text: #e6eef3;
    --ob-muted: #93a9b8;
    --ob-dim: #6a808f;

    /* Type --------------------------------------------------------------- */
    --ob-display: "Chivo", "Helvetica Neue", Arial, sans-serif;
    --ob-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    --ob-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

    /* Geometry ----------------------------------------------------------- */
    --ob-radius: 14px;
    --ob-pad: clamp(56px, 7vw, 96px);
}