/* Bruket.io — brand tokens */

:root {
    /* Brand */
    --bruket-green: #0b6e4f; /* primary */
    --bruket-green-soft: #7dd3b0; /* accent · dark theme */
    --bruket-ink: #0f2a23; /* primary text · dark surface */
    --bruket-ink-2: #1a3a31;
    --bruket-paper: #f5f1e8; /* primary background */
    --bruket-paper-deep: #efe8d6; /* surface 2 */

    /* Typography */
    --bruket-font-sans:
        'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
        Helvetica, Arial, sans-serif;
    --bruket-font-mono:
        'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        monospace;
    --bruket-wordmark-tracking: -0.0375em;
}

/* Wordmark helper class — wrap as:
   <span class="bruket-wordmark">bruket<span class="bruket-tld">.io</span></span> */
.bruket-wordmark {
    font-family: var(--bruket-font-sans);
    font-weight: 650;
    letter-spacing: var(--bruket-wordmark-tracking);
    color: var(--bruket-ink);
    line-height: 1;
}
.bruket-wordmark .bruket-tld {
    font-weight: 400;
    color: var(--bruket-green);
}

/* Dark variant */
.bruket-wordmark--on-dark {
    color: #f5f7f6;
}
.bruket-wordmark--on-dark .bruket-tld {
    color: var(--bruket-green-soft);
}