:root {
    --bg: #121923;
    --surface: #1b2633;
    --surface-soft: #253245;
    --line: #3a4859;
    --text: #f5f1e8;
    --muted: #aeb9c5;
    --brand: #4bb7a6;
    --brand-dark: #78d4c6;
    --accent: #e07a5f;
    --warning: #f2c14e;
    --danger: #ff7a70;
    --ok: #7bd88f;
    --shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

.topbar {
    background: rgba(27, 38, 51, .96);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select,
textarea {
    background: #111821;
    color: var(--text);
}

.hero {
    background:
        linear-gradient(125deg, rgba(20, 108, 95, .9), rgba(18, 25, 35, .94)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 2px, transparent 2px 18px);
}