@layer components{.button--blood,.button--ghost{--button-padding:var(--space-md)var(--space-lg);--button-font-size:var(--text-lg);--button-border-width:var(--border-thick);--button-outline-width-focus:var(--border-thick);--button-outline-offset-focus:var(--border-thick);--button-outline-color-focus:var(--candlelight);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--transition-fast)ease;font-weight:700}.button--blood{--button-background-color:var(--crimson-red);--button-text-color:var(--ivory-white);--button-border-color:var(--crimson-red);--button-background-color-hover:var(--blood-red)}.button--ghost{--button-background-color:transparent;--button-text-color:var(--ash-gray);--button-border-color:var(--charcoal-gray);--button-text-color-hover:var(--ivory-white)}.button--blood:hover{--button-border-color:var(--blood-red)}.button--ghost:hover{--button-border-color:var(--ash-gray)}}
@layer components{.error-message{color:var(--blood-red);font-size:var(--text-base);padding:var(--space-md);border:var(--border-thin)solid var(--blood-red);background-color:rgba(115,21,23,var(--opacity-subtle));font-style:italic}}
@layer components{.password-input{padding:var(--space-md);font-family:var(--font-geist-mono),"Courier New",Courier,monospace;font-size:var(--text-lg);color:var(--ivory-white);background-color:var(--charcoal-gray);border:var(--border-thick)solid var(--shadow-purple);text-align:center;letter-spacing:var(--tracking-wider);text-transform:uppercase;width:100%}.password-input::placeholder{color:var(--ash-gray);opacity:var(--opacity-dim)}.password-input:focus{border-color:var(--candlelight);outline:none}}