/* Bulma comes in through a cascade layer, so every rule in this file wins over it regardless of
   specificity. Without the layer, overriding a Bulma component means matching its selector weight -
   which is how a stylesheet turns into a pile of !important. */
@import url("bulma.css") layer(bulma);

:root {
    --hydra-ink: #1f2430;
    --hydra-accent: #2f7d6f;
    --hydra-muted: #6b7280;
}

body {
    min-height: 100vh;
}

.hydra-shell {
    max-width: 60rem;
    margin: 0 auto;
    padding: 1.5rem 1rem 4rem;
}

.hydra-lead {
    color: var(--hydra-muted);
    max-width: 42rem;
}

/* A key, an address, an atomic amount: things that must be copied exactly and never re-typed. */
.hydra-mono {
    font-family: ui-monospace, "SFMono-Regular", "Menlo", monospace;
    word-break: break-all;
}

/* The one-time API key display. Loud on purpose: it is the only time this value exists. */
.hydra-secret {
    border: 2px dashed var(--hydra-accent);
    padding: 0.75rem;
    border-radius: 6px;
    background: #f4fbf9;
}

.hydra-price {
    font-variant-numeric: tabular-nums;
}