/* Shared type foundations for the NAS prototype. */
:root, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
button, input, select, textarea { font-family: inherit; }

/* Desktop and share pages. */
.hello h1, .inside h2, .share-intro h1 { letter-spacing: -.02em !important; }
.tile small { font-size: 12px !important; }
.ghost-button, .primary-button { font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; }
.brand, .section-label, .date-heading { font-weight: 600 !important; }

/* The device preview is deliberately compact, but text must remain legible. */
.device .source button, .device .context, .device .file small,
.device .summary p, .device .quick button, .device .listbar button { font-size: 11px !important; }
.device .file strong { font-size: 13px !important; font-weight: 600; }
.device .rows button, .device .dialog p, .device .field,
.device .actions button, .device .close, .device .toast { font-size: 12px !important; }
.device .source button { min-height: 28px; }
.device .file { min-height: 58px; }
.device .bottom button { font-size: 11px !important; font-weight: 600 !important; }

/* Gallery headings and secondary labels use the same restrained scale. */
.phone .top h1, .phone .headline h2, .phone .date-title h3,
.phone .setup h2, .phone .setup-dialog h2 { letter-spacing: -.02em !important; }
.phone .source small, .phone .card small, .phone .album-card-meta,
.phone .share-card-body small, .phone .setup-label { font-size: 12px !important; }
.phone .nav button, .phone .album-card-state { font-size: 11px !important; }
.phone .modes button, .phone .nav button, .phone .album-detail-actions button { font-weight: 600 !important; }

/* File sharing and overflow navigation follow the same small-screen baseline. */
.file-share label, .file-share-link span, .file-share-link button,
.file-share-expand, .file-share-device-row small, .file-share-divider,
.file-share-qr p, .file-share-device-panel p, .file-share .demo-hint { font-size: 11px !important; }
.file-share input, .file-share select, .file-share-device-row strong { font-size: 12px !important; }
.action-sheet .action-hint, .target-list .target-current { font-size: 11px !important; }
.target-list button, .detail-grid { font-size: 12px !important; }

.app .section h2 { font-size: 12px !important; font-weight: 600; }
.app .row b, .app .library-open b { font-size: 13px !important; font-weight: 600; }
.app .row small, .app .library-open small, .app .library-remove,
.app .library-intro, .app .library-empty p, .app .toast { font-size: 11px !important; }
.app .bottom button { font-size: 11px !important; font-weight: 600; }

.viewer-pad span { font-size: 10px !important; font-weight: 600 !important; }
.brand { font-weight: 700 !important; letter-spacing: -.02em !important; }