/* diaspora.ro mobile typography tokens — shared across mobile surfaces. */
:root {
  --dpr-type-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --dpr-type-ink: #050505;
  --dpr-type-secondary: #65676b;
  --dpr-type-muted: #8a8d91;
  --dpr-type-surface: #ffffff;
  --dpr-type-canvas: #f0f2f5;
  --dpr-type-border: #ccd0d5;
  --dpr-type-link: #1877f2;
  --dpr-type-overlay-ink: #ffffff;
  --dpr-type-body: 400 15px/1.5 var(--dpr-type-font-family);
  --dpr-type-meta: 400 13px/1.4 var(--dpr-type-font-family);
  --dpr-type-micro: 400 12px/1.4 var(--dpr-type-font-family);
  --dpr-type-name: 700 14px/1.3 var(--dpr-type-font-family);
  --dpr-type-title: 700 16px/1.2 var(--dpr-type-font-family);
  --dpr-type-post-name: 700 14.5px/1.3 var(--dpr-type-font-family);
  --dpr-type-post-meta: 400 12px/1.3 var(--dpr-type-font-family);
  --dpr-type-post-body: 400 15.5px/1.6 var(--dpr-type-font-family);
  --dpr-type-post-heading-weight: 800;
  --dpr-type-post-heading-1-size: 18px;
  --dpr-type-post-heading-2-size: 16px;
  --dpr-type-post-heading-3-size: 14px;
  --dpr-type-post-code-family: monospace;
  --dpr-type-post-code-size: 13px;
  --dpr-type-post-overlay-title: 700 20px/1.4 var(--dpr-type-font-family);
  --dpr-type-link-title: 700 15px/1.35 var(--dpr-type-font-family);
  --dpr-type-link-desc: 400 12.5px/1.45 var(--dpr-type-font-family);
  --dpr-type-message: 400 14.5px/1.58 var(--dpr-type-font-family);
  --dpr-type-post-action: 600 13.5px/1.2 var(--dpr-type-font-family);
  --dpr-type-reaction: 500 13px/1.2 var(--dpr-type-font-family);
  --dpr-type-post-count: 400 13px/1 var(--dpr-type-font-family);
  --dpr-type-post-avatar: 800 16px/1 var(--dpr-type-font-family);
  --dpr-type-composer-avatar: 800 17px/1 var(--dpr-type-font-family);
  --dpr-type-media-duration: 700 11px/1.2 var(--dpr-type-font-family);
  --dpr-type-post-source: 600 11px/1.2 var(--dpr-type-font-family);
  --dpr-type-post-menu: 600 14px/1.2 var(--dpr-type-font-family);
  --dpr-type-feed-sort-label: 600 11px/1.2 var(--dpr-type-font-family);
  --dpr-type-feed-filter: 600 12.5px/1.2 var(--dpr-type-font-family);
  --dpr-type-post-location: 400 13px/1.3 var(--dpr-type-font-family);
  --dpr-type-post-location-name: 700 13px/1.3 var(--dpr-type-font-family);
  --dpr-type-post-translation: 400 14px/1.55 var(--dpr-type-font-family);
  --dpr-type-post-translation-label: 600 10px/1.2 var(--dpr-type-font-family);
  --dpr-type-comment-title: 700 15px/1.2 var(--dpr-type-font-family);
  --dpr-type-comment-name: 700 13px/1.3 var(--dpr-type-font-family);
  --dpr-type-comment-body: 400 13px/1.4 var(--dpr-type-font-family);
  --dpr-type-comment-meta: 400 11px/1.3 var(--dpr-type-font-family);
  --dpr-type-comment-input: 400 14px/1.2 var(--dpr-type-font-family);
  --dpr-type-comment-avatar: 700 13px/1 var(--dpr-type-font-family);
  --dpr-type-composer-input: 500 14px/1.2 var(--dpr-type-font-family);
  --dpr-type-composer-action: 600 11.5px/normal var(--dpr-type-font-family);
  --dpr-type-composer-overlay-title: 700 20px/normal var(--dpr-type-font-family);
  --dpr-type-notification-title: 700 16px/normal var(--dpr-type-font-family);
  --dpr-type-notification-body: 400 13px/1.4 var(--dpr-type-font-family);
  --dpr-type-notification-meta: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-empty-body: 400 14px/1.6 var(--dpr-type-font-family);
  --dpr-type-empty-action: 700 13px/normal var(--dpr-type-font-family);
  --dpr-type-profile-avatar: 800 34px/normal var(--dpr-type-font-family);
  --dpr-type-profile-badge: 700 12px/1.2 var(--dpr-type-font-family);
  --dpr-type-profile-name: 800 18px/normal var(--dpr-type-font-family);
  --dpr-type-profile-source-name: 800 28px/1.1 var(--dpr-type-font-family);
  --dpr-type-profile-home-name: 900 30px/1.1 var(--dpr-type-font-family);
  --dpr-type-profile-home-name-mobile: 900 27px/1.1 var(--dpr-type-font-family);
  --dpr-type-profile-home-bio: 500 16px/1.35 var(--dpr-type-font-family);
  --dpr-type-profile-source-bio: 500 15px/1.35 var(--dpr-type-font-family);
  --dpr-type-profile-meta: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-profile-source-meta: 500 14px/1.35 var(--dpr-type-font-family);
  --dpr-type-profile-prompt: 600 14px/1.2 var(--dpr-type-font-family);
  --dpr-type-profile-stat-value: 800 22px/1.05 var(--dpr-type-font-family);
  --dpr-type-profile-stat-label: 700 10px/1.1 var(--dpr-type-font-family);
  --dpr-type-profile-action: 700 14px/1.1 var(--dpr-type-font-family);
  --dpr-type-profile-tab: 600 13px/normal var(--dpr-type-font-family);
  --dpr-type-profile-body: 400 14px/1.5 var(--dpr-type-font-family);
  --dpr-type-profile-post-meta: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-profile-secondary: 600 13px/normal var(--dpr-type-font-family);
  --dpr-type-profile-format: 700 13px/normal var(--dpr-type-font-family);
  --dpr-type-modal-title: 800 17px/normal var(--dpr-type-font-family);
  --dpr-type-modal-head: 800 16px/normal var(--dpr-type-font-family);
  --dpr-type-modal-body: 400 15px/normal var(--dpr-type-font-family);
  --dpr-type-modal-input: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-modal-preview-author: 700 13px/normal var(--dpr-type-font-family);
  --dpr-type-modal-preview: 400 13px/1.45 var(--dpr-type-font-family);
  --dpr-type-modal-action: 800 14px/normal var(--dpr-type-font-family);
  --dpr-type-modal-avatar: 700 13px/normal var(--dpr-type-font-family);
  --dpr-type-modal-meta: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-forum-topic-title: 800 14px/1.35 var(--dpr-type-font-family);
  --dpr-type-forum-topic-preview: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-forum-topic-meta: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-forum-topic-replies: 800 13px/normal var(--dpr-type-font-family);
  --dpr-type-forum-topic-replies-label: 400 10px/normal var(--dpr-type-font-family);
  --dpr-type-forum-body: 400 15px/1.55 var(--dpr-type-font-family);
  --dpr-type-forum-author: 800 12px/normal var(--dpr-type-font-family);
  --dpr-type-forum-empty-body: 400 14px/1.6 var(--dpr-type-font-family);
  --dpr-type-forum-modal-title: 900 20px/normal var(--dpr-type-font-family);
  --dpr-type-forum-modal-sub: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-forum-input: 400 15px/normal var(--dpr-type-font-family);
  --dpr-type-forum-action: 800 16px/normal var(--dpr-type-font-family);
  --dpr-type-events-body: 400 16px/1.5 var(--dpr-type-font-family);
  --dpr-type-events-eyebrow: 850 11px/normal var(--dpr-type-font-family);
  --dpr-type-events-hero-title: 900 clamp(38px, 6vw, 70px)/.98 var(--dpr-type-font-family);
  --dpr-type-events-hero-copy: 400 16px/1.5 var(--dpr-type-font-family);
  --dpr-type-events-button: 800 13px/normal var(--dpr-type-font-family);
  --dpr-type-events-nav: 700 14px/normal var(--dpr-type-font-family);
  --dpr-type-events-view: 800 13px/normal var(--dpr-type-font-family);
  --dpr-type-events-field-label: 800 12px/normal var(--dpr-type-font-family);
  --dpr-type-events-field: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-events-status: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-events-section: 800 clamp(28px, 4vw, 42px)/1.02 var(--dpr-type-font-family);
  --dpr-type-events-count: 800 13px/normal var(--dpr-type-font-family);
  --dpr-type-events-card-title: 700 20px/1.15 var(--dpr-type-font-family);
  --dpr-type-events-card-body: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-events-meta: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-events-empty-title: 800 25px/normal var(--dpr-type-font-family);
  --dpr-type-events-dialog-title: 800 30px/normal var(--dpr-type-font-family);
  --dpr-type-events-detail-title: 800 clamp(30px, 5vw, 54px)/1 var(--dpr-type-font-family);
  --dpr-type-events-detail-body: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-body: 400 15px/1.4 var(--dpr-type-font-family);
  --dpr-type-joburi-logo: 900 22px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-badge: 800 9px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-modal-title: 900 20px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-modal-sub: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-input: 400 15px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-action: 800 16px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-page-title: 900 22px/1.2 var(--dpr-type-font-family);
  --dpr-type-joburi-page-sub: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-search: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-chip: 700 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-select: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-stats: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-title: 800 15px/1.3 var(--dpr-type-font-family);
  --dpr-type-joburi-company: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-tag: 700 11px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-desc: 400 13px/1.5 var(--dpr-type-font-family);
  --dpr-type-joburi-posted: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-button: 800 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-status: 400 13px/1.5 var(--dpr-type-font-family);
  --dpr-type-joburi-cta-title: 900 17px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-cta-body: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-cta-action: 800 14px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-empty-title: 800 18px/normal var(--dpr-type-font-family);
  --dpr-type-joburi-empty-body: 400 13px/1.5 var(--dpr-type-font-family);
  --dpr-type-joburi-nav: 600 10px/normal var(--dpr-type-font-family);
  --dpr-type-chat-body: 400 16px/normal var(--dpr-type-font-family);
  --dpr-type-chat-brand: 850 16px/normal var(--dpr-type-font-family);
  --dpr-type-chat-heading: 850 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-subtitle: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-sidebar-title: 850 20px/normal var(--dpr-type-font-family);
  --dpr-type-chat-copy: 400 12px/1.5 var(--dpr-type-font-family);
  --dpr-type-chat-card-title: 700 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-card-body: 400 11px/1.5 var(--dpr-type-font-family);
  --dpr-type-chat-label: 800 10px/normal var(--dpr-type-font-family);
  --dpr-type-chat-control: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-action: 800 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-status: 400 11px/1.4 var(--dpr-type-font-family);
  --dpr-type-chat-note: 400 10px/1.5 var(--dpr-type-font-family);
  --dpr-type-chat-empty-title: 700 24px/normal var(--dpr-type-font-family);
  --dpr-type-chat-empty-body: 400 13px/1.5 var(--dpr-type-font-family);
  --dpr-type-chat-room-name: 850 15px/normal var(--dpr-type-font-family);
  --dpr-type-chat-room-meta: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-message: 400 13px/1.45 var(--dpr-type-font-family);
  --dpr-type-chat-author: 800 10px/normal var(--dpr-type-font-family);
  --dpr-type-chat-time: 400 9px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-sidebar-title: 700 20px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-control: 400 15px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-avatar: 700 18px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-header-avatar: 700 15px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-name: 600 15px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-preview: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-badge: 700 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-empty: 400 16px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-day: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-message-avatar: 700 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-sender: 600 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-message: 400 15px/1.45 var(--dpr-type-font-family);
  --dpr-type-chat-group-message-meta: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-edited: 400 10px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-reply: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-poll-title: 600 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-poll-option: 500 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-poll-meta: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-poll-expires: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-typing: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-composer: 400 15px/1.4 var(--dpr-type-font-family);
  --dpr-type-chat-group-info-avatar: 700 28px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-info-name: 700 18px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-info-meta: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-info-label: 600 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-member-avatar: 600 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-member: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-member-role: 400 11px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-action: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-modal-title: 700 18px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-field-label: 600 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-field: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-button: 600 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-empty-secondary: 400 14px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-invite: 400 13px/normal var(--dpr-type-font-family);
  --dpr-type-chat-group-copy: 400 12px/normal var(--dpr-type-font-family);
  --dpr-type-chat-composer: 400 14px/1.4 var(--dpr-type-font-family);
  --dpr-type-chat-modal-title: 850 17px/normal var(--dpr-type-font-family);
  --dpr-type-section: 800 13px/1.25 var(--dpr-type-font-family);
  --dpr-type-section-size: clamp(24px, 7vw, 28px);
  --dpr-type-service-size: clamp(15px, 3.6vw, 17px);
  --dpr-type-feature-size: clamp(18px, 5vw, 22px);
  --dpr-type-help-size: clamp(18px, 4.8vw, 20px);
}

.mobile-type-surface {
  color: var(--dpr-type-ink);
  font-family: var(--dpr-type-font-family);
}
.mobile-type-body { font: var(--dpr-type-body); letter-spacing: normal; }
.mobile-type-title { font: var(--dpr-type-title); letter-spacing: normal; }
.mobile-type-meta { font: var(--dpr-type-meta); letter-spacing: normal; }
.mobile-type-label { font: var(--dpr-type-micro); letter-spacing: normal; }
.mobile-type-overlay-title {
  color: var(--dpr-type-overlay-ink);
  font: var(--dpr-type-title);
  letter-spacing: normal;
}

/* Mobile Pro keeps its established light values while consuming one owner. */
html[data-mobile-pro-theme="light"] {
  --font: var(--dpr-type-font-family);
  --t-body: var(--dpr-type-body);
  --t-meta: var(--dpr-type-meta);
  --t-micro: var(--dpr-type-micro);
  --t-name: var(--dpr-type-name);
  --t-title: var(--dpr-type-title);
  --t-section: var(--dpr-type-section);
  --txt-primary: var(--dpr-type-ink);
  --txt-secondary: var(--dpr-type-secondary);
  --txt-muted: var(--dpr-type-muted);
  --txt-link: var(--dpr-type-link);
}