/* OpenTrust X desktop system v1, 2026-10-26.
   Shared desktop components preserve existing mobile geometry. */
:root {
  --otx-ds-surface: linear-gradient(120deg, #c9bee7 0%, #b0c8e4 52%, #83c5df 100%);
  --otx-ds-surface-solid: #b0c8e4;
}
@media (min-width: 1024px) {
  :root {
    --otx-ds-page: #101a2c;
    --otx-ds-page-raised: #18243b;
    --otx-ds-ink: #17243a;
    --otx-ds-muted: #354b65;
    --otx-ds-on-dark: #edf3fc;
    --otx-ds-muted-on-dark: #bac8d9;
    --otx-ds-line: rgba(69, 88, 120, .24);
    --otx-ds-dark-line: rgba(186, 200, 217, .2);
    --otx-ds-primary: #4b4b7c;
    --otx-ds-primary-ink: #fff;
    --otx-ds-page-width: 1280px;
    --otx-ds-reading-width: 800px;
    --otx-ds-radius: 16px;
    --otx-ds-control-radius: 10px;
    --otx-ds-control-height: 44px;
    --otx-ds-gap: 24px;
    --otx-ds-section-gap: 40px;
    --otx-ds-type-page: 36px;
    --otx-ds-type-section: 24px;
    --otx-ds-type-card: 18px;
    --otx-ds-type-body: 15px;
    --otx-ds-type-meta: 12px;
  }
  .otx-ds-card {
    padding: 24px;
    border: 1px solid var(--otx-ds-line);
    border-radius: var(--otx-ds-radius);
    background: var(--otx-ds-surface);
    color: var(--otx-ds-ink);
    box-shadow: none;
  }
  .otx-ds-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--otx-ds-control-height);
    padding: 10px 16px;
    border: 1px solid #aeb9cb;
    border-radius: var(--otx-ds-control-radius);
    background: rgba(255, 255, 255, .35);
    color: var(--otx-ds-ink);
    font: 600 14px/1.5 var(--font, system-ui, sans-serif);
    text-decoration: none;
    cursor: pointer;
  }
  .otx-ds-button:hover { background: rgba(255, 255, 255, .65); }
  .otx-ds-button.is-primary {
    border-color: var(--otx-ds-primary);
    background: var(--otx-ds-primary);
    color: var(--otx-ds-primary-ink);
  }
  .otx-ds-button.is-primary:hover { background: #39395f; }
  .otx-ds-button:focus-visible { outline: 3px solid #766aad; outline-offset: 3px; }
  .otx-ds-button:disabled { opacity: .6; cursor: default; }
}