/* Generated from profile.json by profile.mjs. Do not hand-edit.
 * design-gate: surface-class: screen
 * Scope: public website Cobalt Pearl roles, version 1.1.0, proposed (CR-07, unsigned); no brand or status aliases redefined.
 */
:root {
  --pearl-font-display: 'IBM Plex Sans', system-ui, sans-serif;
  --pearl-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --pearl-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --pearl-content-max: 1280px;
  --pearl-gutter: max(56px, calc((100% - 1280px) / 2));
  --pearl-hero-columns: .94fr 1.06fr;
  --pearl-hero-gap: 64px;
  --pearl-type-display-size: clamp(54px, 5.6vw, 82px);
  --pearl-type-display-weight: 500;
  --pearl-type-display-leading: 1.04;
  --pearl-type-heading-size: clamp(36px, 3.5vw, 50px);
  --pearl-type-heading-weight: 600;
  --pearl-type-heading-leading: 1.16;
  --pearl-type-card-size: 28px;
  --pearl-type-card-weight: 600;
  --pearl-type-card-leading: 1.2;
  --pearl-type-lead-size: 17px;
  --pearl-type-lead-leading: 1.72;
  --pearl-type-body-size: 16px;
  --pearl-type-body-leading: 1.6;
  --pearl-type-caption-size: 13px;
  --pearl-type-caption-leading: 1.5;
  --pearl-type-label-size: 12px;
  --pearl-type-label-leading: 1.45;
  --pearl-type-action-size: 16px;
  --pearl-type-action-weight: 600;
  --pearl-type-action-leading: 1.2;
  --pearl-type-text-link-weight: 600;
  --pearl-type-strong-weight: 600;
  --pearl-section-space: 104px;
  --pearl-card-padding: 28px;
  --pearl-card-gap: 24px;
  --pearl-text-gap: 16px;
  --pearl-radius-control: 8px;
  --pearl-radius-panel: 12px;
  --pearl-radius-small: 4px;
  --pearl-radius-pill: 999px;
  --pearl-radius-diagram: 2px;
  --pearl-target-min: 44px;
  --pearl-focus-width: 2px;
  --pearl-focus-offset: 2px;
  --pearl-focus-inner: 1px;
  --pearl-focus-link-radius: 4px;
  --pearl-link-underline: 1px;
  --pearl-link-underline-offset: 3px;
  --pearl-motion-none: 0ms;
  --pearl-motion-fast: 120ms;
  --pearl-motion-standard: 200ms;
  --pearl-motion-enter: 320ms;
  --pearl-motion-ease: cubic-bezier(.4, 0, .2, 1);
  --pearl-flow-duration: 8000ms;
  --pearl-type-page-title-size: clamp(36px, 4.5vw, 68px);
  --pearl-type-page-title-weight: 500;
  --pearl-type-page-title-leading: 1.12;
  --pearl-type-section-title-size: clamp(28px, 3.4vw, 46px);
  --pearl-type-section-title-weight: 500;
  --pearl-type-section-title-leading: 1.2;
  --pearl-type-article-title-size: clamp(32px, 4vw, 52px);
  --pearl-type-article-title-weight: 500;
  --pearl-type-article-title-leading: 1.15;
  --pearl-type-reading-size: 17px;
  --pearl-type-reading-leading: 1.8;
  --font-display: var(--pearl-font-display);
  --font-body: var(--pearl-font-body);
  --font-mono: var(--pearl-font-mono);
}

:root, html[data-theme="light"] {
  --pearl-bg: #F5F7FC;
  --pearl-panel: #FFFFFF;
  --pearl-alt: #EAF0FA;
  --pearl-footer: #EAF0FA;
  --pearl-ink: #14223B;
  --pearl-muted: #3B4D69;
  --pearl-line: #C2CDE1;
  --pearl-strong: #7187AF;
  --pearl-accent: #075F70;
  --pearl-hover: #065260;
  --pearl-on: #FFFFFF;
  --pearl-art: #344158;
  --pearl-soft: #EAF0FA;
  --pearl-link: #065260;
  --pearl-focus: #14223B;
  --pearl-input: #FFFFFF;
  --pearl-selected: #E6EFF1;
  --pearl-selected-ink: #065260;
  --pearl-motion-data: #7350AC;
  --pearl-shadow-card: 0 1px 2px rgba(3,5,17,.06);
}

html[data-theme="dark"] {
  --pearl-bg: #0B1322;
  --pearl-panel: #111F34;
  --pearl-alt: #14243B;
  --pearl-footer: #08111F;
  --pearl-ink: #EDF3FF;
  --pearl-muted: #B8C8DF;
  --pearl-line: #354B69;
  --pearl-strong: #7893B6;
  --pearl-accent: #43AAC0;
  --pearl-hover: #72BFCF;
  --pearl-on: #030511;
  --pearl-art: #D7DEE8;
  --pearl-soft: #14243B;
  --pearl-link: #72BFCF;
  --pearl-focus: #EDF3FF;
  --pearl-input: #0B1322;
  --pearl-selected: #14243B;
  --pearl-selected-ink: #EDF3FF;
  --pearl-motion-data: #BCB1FF;
  --pearl-shadow-card: 0 0 0 0 rgba(3,5,17,0);
}

@media (min-width: 1600px) {
  :root {
    --pearl-content-max: 1320px;
    --pearl-gutter: max(80px, calc((100% - 1320px) / 2));
  }
}

@media (max-width: 1100px) {
  :root {
    --pearl-gutter: 36px;
    --pearl-hero-gap: 36px;
    --pearl-type-display-size: clamp(48px, 5.8vw, 64px);
    --pearl-type-card-size: 20px;
  }
}

@media (max-width: 960px) {
  :root {
    --pearl-hero-columns: 1fr;
    --pearl-type-display-size: clamp(52px, 8vw, 73px);
  }
}

@media (max-width: 900px) {
  :root {
    --pearl-gutter: 24px;
  }
}

@media (max-width: 767px) {
  :root {
    --pearl-radius-panel: 8px;
  }
}

@media (max-width: 680px) {
  :root {
    --pearl-gutter: 20px;
    --pearl-hero-gap: 30px;
    --pearl-type-display-size: clamp(43px, 10.5vw, 66px);
    --pearl-type-heading-size: 36px;
    --pearl-type-card-size: 27px;
    --pearl-type-lead-size: 16px;
    --pearl-section-space: 56px;
    --pearl-card-padding: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pearl-motion-fast: 0ms;
    --pearl-motion-standard: 0ms;
    --pearl-motion-enter: 0ms;
    --pearl-flow-duration: 0ms;
  }
}

/* JS-driven exhibits must also observe OS reduction and the manual pause control. */