:root {
    --bg: #f4f6fa;
    --surface: #ffffff;
    --surface-soft: #f8f9fd;
    --text: #171b29;
    --muted: #737b8c;
    --subtle: #a1a8b6;
    --line: #e6e9f075;
    --brand: #4f46e5;
    --brand-2: #16a085;
    --warning: #b7791f;
    --danger: #e15252;
    --feed-like-active: #e15252;
    --feed-star-active: #f54723;
    --feed-star-muted: #8a91a0;
    --gold-start: #f2f7ea;
    --gold-mid: #edf5e0;
    --gold-end: #eef5e6;
    --gold-soft: #edf5e0;
    --gold-soft-2: #f5f9ef;
    --gold-muted: #f2f6ec;
    --gold-text: #8a7a12;
    --gold-border: rgba(180, 175, 80, .18);
    --shadow: 0 18px 48px rgba(25, 31, 50, .12);
    --safe-top: env(safe-area-inset-top, 0);
    --safe-bottom: env(safe-area-inset-bottom, 0);
    --tabbar-offset: calc(170px + max(8px, var(--safe-bottom)));
    --vh: 1vh;
    --duration: .28s;
}

.phone-shell.company {
    --brand: #a38408;
    --brand-2: #b8920a;
    --brand-soft: var(--gold-soft);
    --brand-soft-2: var(--gold-soft-2);
    --brand-muted: var(--gold-muted);
    --brand-gold-start: var(--gold-start);
    --brand-gold-mid: var(--gold-mid);
    --brand-gold-end: var(--gold-end);
    --brand-border: var(--gold-border);
    --brand-shadow: rgba(150, 140, 40, .1);
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes slide-up {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes slide-down {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

@keyframes press {
    50% { transform: scale(.96); }
}