:root {
    color-scheme: dark;
    /* Keep a compact content column with 28-pixel side padding. */
    --app-content-width: 464px;
    --page-gutter: 28px;
    --page-top: 24px;
    --page-content-gap: 20px;
    --card-padding: 20px;
    --card-radius: 14px;
    --section-gap: 16px;
    --heading-gap: 6px;
    --field-gap: 10px;
    --friends-list-min-height: 420px;
    --disabled-button-opacity: .5;
    --bg: #0c1018;
    --surface: #151c29;
    --surface-alt: #1b2434;
    --control: #202a3d;
    --call-hover: #303b50;
    --call-pressed: #302947;
    --border: #344057;
    --text: #e5eaf3;
    --muted: #aab5c9;
    --accent: #b9adff;
    --information-border: color-mix(in srgb, var(--accent) 25%, var(--border));
    --premium-gold-light: #fff1b0;
    --premium-gold: #f6c95c;
    --premium-gold-shade: #d79a22;
    --supporter-bronze: #e6b58c;
    --supporter-bronze-surface: #2d231f;
    --supporter-bronze-border: #71503a;
    --supporter-silver: #d3dce8;
    --supporter-silver-surface: #262d38;
    --supporter-silver-border: #626d80;
    --supporter-gold-surface: #302918;
    --supporter-gold-border: #79632d;
    --brand: #6959ca;
    --brand-hover: #7564d6;
    --brand-pressed: #594ab1;
    --holycord-success: #9ce3c9;
    --success-surface: #152d29;
    --success-border: #2b5145;
    --holycord-presence: #2db58b;
    --answer: var(--holycord-presence);
    --answer-hover: #3ac79b;
    --answer-pressed: #269b77;
    --answer-text: #0c1018;
    --status-busy: #f2a65a;
    --settings-icon-size: 18px;
    --supporting-font-size: 13px;
    --dialog-width: 440px;
    --dialog-clearance: 16px;
    --dialog-padding: var(--card-padding);
    --dialog-padding-bottom: calc(var(--dialog-padding) + 8px);
    --dialog-title-gap: 20px;
    --dialog-footer-gap: 24px;
    --dialog-radius: 12px;
    --dialog-action-gap: 8px;
    --dialog-action-height: 40px;
    --danger: #c63946;
    --danger-hover: #b53240;
    --danger-pressed: #ac303d;
    --danger-text: #ffabb3;
    --danger-action-text: #ff4f4f;
    --danger-action-hover-text: #ff8080;
    --error-surface: #2d1e2b;
    --error-border: #8b5261;
    --warning-text: #e3cb9d;
    --required: #ff4f4f;
    --font-family-ui: "DM Sans", "Segoe UI", system-ui, sans-serif;
    font-family: var(--font-family-ui);
    /* Match the fixed optical master bundled by the native apps. */
    font-optical-sizing: none;
    font-synthesis: none;
}