/* ========================================================================
   alert.css -- ScribeHold alert / inline-status component

   Component layer of the modular CSS bundle. Consumes tokens from
   tokens.css. Used by /activate to surface activation success and
   error messages inline.

     .alert            -- base surface (padding, border, radius)
     .alert-success    -- success state (oxblood-on-cream-wash variant
                          would be off-brand; we use the page ink with a
                          subtle accent rule and a checkmark-friendly
                          warm wash)
     .alert-error      -- error state (oxblood accent on parchment wash)

   All color, type, spacing, radius values come from tokens.css.
   No hard-coded hex values in this file.

   Bundle order: tokens -> base -> layout -> components/* -> pages/*
   ======================================================================== */

.alert {
    margin: var(--space-5) 0;
    padding: var(--space-4) var(--space-5);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--color-border-strong);
    background: var(--color-bg-parchment);
    color: var(--color-ink);
    font-size: var(--font-size-md);
    line-height: var(--line-height-normal);
}

.alert > :first-child {
    margin-top: 0;
}

.alert > :last-child {
    margin-bottom: 0;
}

.alert-success {
    border-left-color: var(--color-accent);
    background: var(--color-accent-wash-06);
}

.alert-error {
    border-left-color: var(--color-ink-oxblood);
    background: var(--color-accent-wash-04);
    color: var(--color-ink-oxblood);
}