/* Shared typography and spacing, including the standalone login page. */
:root {
    --font-ui: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    --font-size-title: 24px;
    --font-size-subtitle: 20px;
    --font-size-card: 16px;
    --font-size-body: 14px;
    --font-size-caption: 13px;
    --font-size-hint: 12px;
    --line-height-body: 1.6;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --page-gutter: 24px;
}
@media (max-width: 480px) {
    :root { --page-gutter: 16px; }
}