# UI Guidelines

## 1. Forms
- **Inputs:** No harsh borders. Bottom-border only, expanding on focus.
- **Labels:** Floating labels or clean above-input labels in Inter.

## 2. States
- **Hover:** Subtle. 400ms ease transitions.
- **Focus:** Visible `outline: 1px solid var(--color-divine-gold); outline-offset: 4px;` for accessibility, but `outline: none` for mouse users (using `:focus-visible`).
- **Disabled:** 50% opacity, `cursor: not-allowed`.