/* Unified readable type scale across the three SkVision applications. */

:root {
    --type-caption: 12px;
    --type-meta: 11px;
    --type-small: 13px;
}

body {
    font-size: 16px;
    line-height: 1.72;
}

.brand-word small {
    font-size: 9px;
    opacity: .68;
}

.eyebrow {
    font-size: 12px;
    letter-spacing: .13em;
}

.hero-kicker {
    font-size: 11.5px;
    line-height: 1.6;
}

.hero-metrics > div > span {
    font-size: 12.5px;
    line-height: 1.5;
}

.console-head,
.console-data span,
.hero-scroll,
.stage-coordinate {
    font-size: 10px;
}

.measure-tag span {
    font-size: 10px;
}

.measure-tag strong {
    font-size: 13px;
}

.marquee-track span {
    font-size: 13px;
}

.section-heading > p,
.platform-copy > p {
    font-size: 16px;
    line-height: 1.9;
}

.cap-card p {
    font-size: 15px;
    line-height: 1.8;
}

.cap-number {
    font-size: 11.5px;
}

.cap-meta {
    font-size: 11px;
    line-height: 1.6;
}

.solution-copy p {
    font-size: 15px;
    line-height: 1.8;
}

.solution-index {
    font-size: 11px;
}

.solution-title span {
    font-size: 10.5px;
}

.solution-row > p {
    font-size: 14.5px;
    line-height: 1.8;
}

.solution-specs small {
    font-size: 11px;
}

.platform-list li {
    font-size: 14.5px;
}

.platform-list li span {
    font-size: 10px;
}

.studio-titlebar,
.canvas-toolbar,
.canvas-status,
.canvas-axis,
.canvas-tip,
.inspector-label,
.inspector-sub {
    font-size: 9.5px;
}

.studio-tool,
.studio-running,
.tree-title,
.tree-param {
    font-size: 9.5px;
}

.tree-item {
    font-size: 10.5px;
}

.about-body > p {
    font-size: 16.5px;
    line-height: 1.95;
}

.about-stats small {
    font-size: 12px;
}

.contact-side > p {
    font-size: 16px;
    line-height: 1.9;
}

.contact-details {
    font-size: 15px;
    line-height: 1.65;
}

.contact-details small {
    margin-bottom: 7px;
    color: #6f7d77;
    font-size: 12px;
    letter-spacing: .04em;
}

.footer-brand > p {
    color: rgba(255, 255, 255, .56);
    font-size: 15px;
    line-height: 1.9;
}

.footer-status {
    color: rgba(116, 245, 211, .72);
    font-size: 10.5px;
}

.footer-label {
    color: rgba(255, 255, 255, .62);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .07em;
}

.footer-links a,
.footer-links span {
    color: rgba(255, 255, 255, .66);
    font-size: 14px;
    line-height: 1.75;
}

.footer-bottom {
    color: rgba(255, 255, 255, .38);
    font-size: 10.5px;
}

/* Authentication screens */

.auth-back {
    font-size: 13.5px;
}

.auth-form-head p {
    font-size: 14px;
    line-height: 1.75;
}

.field > span:first-child {
    font-size: 13px;
}

.field > span small {
    font-size: 10.5px;
}

.field-control input {
    font-size: 14px;
}

.field-error {
    font-size: 11.5px;
}

.check-label {
    font-size: 12px;
}

.form-hint {
    font-size: 11.5px;
}

.auth-readout span,
.auth-readout small {
    font-size: 9.5px;
}

.auth-readout strong {
    font-size: 12.5px;
}

.demo-label {
    font-size: 9.5px;
}

.demo-card strong {
    font-size: 12.5px;
}

.demo-fill {
    font-size: 11.5px;
}

.demo-credentials {
    font-size: 10.5px;
}

.auth-switch {
    font-size: 12px;
}

.auth-footnote {
    font-size: 9.5px;
}

/* Admin and storage portals */

.workspace-badge small {
    font-size: 9.5px;
}

.nav-caption {
    font-size: 9.5px;
}

.workspace-nav a,
.permission-nav {
    font-size: 13px;
}

.storage-title {
    font-size: 11px;
}

.storage-title strong,
.sidebar-storage small {
    font-size: 10.5px;
}

.profile-copy strong {
    font-size: 12.5px;
}

.profile-copy small {
    font-size: 10px;
}

.portal-topbar-title span,
.topbar-meta {
    font-size: 10px;
}

.portal-topbar-title strong {
    font-size: 14px;
}

.workspace-search input {
    font-size: 13px;
}

.workspace-search kbd {
    font-size: 9px;
}

.workspace-eyebrow {
    font-size: 10.5px;
}

.workspace-heading p {
    font-size: 13.5px;
    line-height: 1.7;
}

.workspace-button {
    font-size: 12.5px;
}

.breadcrumb {
    font-size: 11px;
}

.workspace-stats article > div span {
    font-size: 11px;
}

.workspace-stats small,
.admin-stat > small {
    font-size: 9.5px;
}

.block-head > div span,
.block-note {
    font-size: 10.5px;
}

.block-signal {
    font-size: 10px;
}

.folder-info strong {
    font-size: 13.5px;
}

.folder-info small {
    font-size: 10.5px;
}

.file-table-head,
.admin-table-head {
    font-size: 10px;
}

.file-name strong,
.account-name strong {
    font-size: 13px;
}

.file-name small,
.account-name small,
.file-category,
.file-location,
.file-size,
.file-date {
    font-size: 10.5px;
}

.file-icon small {
    font-size: 7.5px;
}

.portal-empty p,
.permission-cards p,
.switch-row small,
.form-section-title p {
    font-size: 11px;
    line-height: 1.7;
}

.status-pill,
.permission-pill,
.mini-action,
.account-usage {
    font-size: 10px;
}

.customer-summary small,
.quota-overview-copy span,
.quota-overview > span {
    font-size: 10px;
}

.customer-summary strong,
.quota-overview-copy strong {
    font-size: 12px;
}

.dialog-copy,
.workspace-field span,
.upload-target,
.preview-title p {
    font-size: 11px;
}

.drop-zone small,
.viewer-head,
.viewer-foot,
.document-meta dl > div,
.meta-note p {
    font-size: 10.5px;
}

.toast {
    font-size: 12px;
}

@media (max-width: 760px) {
    .footer-brand > p {
        font-size: 14.5px;
    }

    .footer-links a,
    .footer-links span {
        font-size: 13.5px;
    }

    .contact-details {
        font-size: 14.5px;
    }
}