/* ============================================================================
 * Omphalos — /embed/ compatibility skin
 *
 * Loaded inside WordPress's /embed/ iframe only (enqueue_embed_scripts), after
 * core `wp-embed-template`. Core keeps the layout, spacing, image shape branch,
 * footer table, iframe-height floor, and typography scale. Omphalos only supplies
 * theme-aware colour and a font-family stack. No @font-face or token CSS is loaded.
 * ========================================================================= */

:root {
  color-scheme: light dark;
}

.wp-embed {
  background: var(--md-sys-color-surface-container-low, #fff);
  color: var(--md-sys-color-on-surface-variant, #50575e);
  border-color: var(--md-sys-color-outline-variant, #dcdcde);
  border-radius: var(--md-sys-shape-corner-medium, 12px);
  font-family: var(--md-sys-typescale-body-medium-font,
    "Roboto Flex", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif);
}

.wp-embed-featured-image img {
  border-radius: var(--md-sys-shape-corner-small, 8px);
}

.wp-embed a {
  color: var(--md-sys-color-on-surface-variant, #50575e);
}

.wp-embed-heading a,
.wp-embed-heading a:active,
.wp-embed-heading a:hover,
.wp-embed-heading a:visited,
.wp-embed-site-title a {
  color: var(--md-sys-color-on-surface, #32373c);
}

.wp-embed-meta,
.wp-embed-comments a,
.wp-embed-share-dialog-open {
  color: var(--md-sys-color-on-surface-variant, #50575e);
}

@media (prefers-color-scheme: dark) {
  .wp-embed {
    background: var(--md-sys-color-surface-container-low, #1d1b20);
    color: var(--md-sys-color-on-surface-variant, #cac4d0);
    border-color: var(--md-sys-color-outline-variant, #49454f);
    color-scheme: dark;
  }

  .wp-embed a {
    color: var(--md-sys-color-on-surface-variant, #cac4d0);
  }

  .wp-embed-heading a,
  .wp-embed-heading a:active,
  .wp-embed-heading a:hover,
  .wp-embed-heading a:visited,
  .wp-embed-site-title a {
    color: var(--md-sys-color-on-surface, #e6e0e9);
  }

  .wp-embed-meta,
  .wp-embed-comments a,
  .wp-embed-share-dialog-open {
    color: var(--md-sys-color-on-surface-variant, #cac4d0);
  }
}
