/* Smallhost design tokens, derived from the public wordmark at smallhost.co. */
:root {
    --color-teal: #78a9b5;
    --color-teal-deep: #315f69;
    --color-teal-hover: #244850;
    --color-teal-wash-soft: rgba(120, 169, 181, .07);
    --color-teal-wash: rgba(120, 169, 181, .1);
    --color-teal-wash-strong: rgba(120, 169, 181, .14);
    --color-green: #94c476;
    --color-green-hover: #83b565;
    --color-green-ink: #1f361f;
    --color-green-ink-strong: #172c18;
    --color-ink: #233237;
    --color-muted: #617277;
    --color-paper: #f4f4f1;
    --color-surface: #ffffff;
    --color-white: #ffffff;
    --color-line: #dce3e1;
    --color-control-line: #b8c5c2;
    --color-on-dark: #d8e1df;
    --color-on-dark-muted: #c9d5d2;
    --font-body: "Trebuchet MS", Arial, sans-serif;
    --space-page: clamp(.75rem, 3vw, 1.5rem);
    --text-body: 1rem;
    --ease-standard: ease;
    --dur-fast: 120ms;
    --rule-thin: 1px;
    --radius-control: .38rem;
    --radius-card: .65rem;
    --shadow-card: 0 1px 2px rgba(35, 50, 55, .035);
    --shadow-focus: 0 0 0 .2rem rgba(120, 169, 181, .22);
    --shadow-auth: 0 16px 45px rgba(35, 50, 55, .09);
    --smallhost-teal: var(--color-teal);
    --smallhost-teal-deep: var(--color-teal-deep);
    --smallhost-green: var(--color-green);
    --smallhost-ink: var(--color-ink);
    --smallhost-muted: var(--color-muted);
    --smallhost-paper: var(--color-paper);
    --smallhost-surface: var(--color-surface);
    --smallhost-line: var(--color-line);
    --bs-primary: var(--color-teal-deep);
    --bs-primary-rgb: 49, 95, 105;
    --bs-link-color: var(--color-teal-deep);
    --bs-link-hover-color: var(--color-teal-hover);
    --bs-border-color: var(--color-line);
    --bs-border-radius: var(--radius-card);
    --bs-border-radius-lg: var(--radius-card);
    --bs-body-color: var(--color-ink);
    --bs-body-bg: var(--color-paper);
    --bs-body-font-family: var(--font-body);
}

[data-bs-theme="dark"] {
    --color-ink: #eef3f1;
    --color-muted: #b5c2be;
    --color-paper: #142025;
    --color-surface: #1d2a2f;
    --color-line: #35464a;
    --color-control-line: #53676c;
    --smallhost-ink: var(--color-ink);
    --smallhost-muted: var(--color-muted);
    --smallhost-paper: var(--color-paper);
    --smallhost-surface: var(--color-surface);
    --smallhost-line: var(--color-line);
    --bs-primary: #9bc2ca;
    --bs-primary-rgb: 155, 194, 202;
    --bs-link-color: #a7ced5;
    --bs-link-hover-color: #c9e1e5;
    --bs-border-color: var(--color-line);
    --bs-body-color: var(--color-ink);
    --bs-body-bg: var(--color-paper);
}