/* aolady.top — shadcn/ui light restyle (from DESIGN.md) */
:root {
  --color-canvas: #f5f5f5;
  --color-paper: #ffffff;
  --color-surface-alt: #fafafa;
  --color-ink: #0a0a0a;
  --color-ink-soft: #171717;
  --color-mid-gray: #737373;
  --color-hairline: #e5e5e5;
  --font-ui: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  --shadow-card: 0 0 0 1px rgba(23, 23, 23, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

html, body {
  background: var(--color-canvas) !important;
  color: var(--color-ink) !important;
  font-family: var(--font-ui) !important;
  font-size: 14px !important;
  line-height: 1.5;
  letter-spacing: 0;
}

body, .wp-site-blocks {
  background: var(--color-canvas) !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

h1, .wp-block-post-title { font-size: 36px !important; line-height: 1.11 !important; letter-spacing: -0.025em !important; }
h2 { font-size: 30px !important; line-height: 1.2 !important; }
h3 { font-size: 24px !important; line-height: 1.33 !important; }

p, li, .wp-block-post-excerpt {
  color: var(--color-ink-soft) !important;
  font-size: 15px !important;
}

a { color: var(--color-ink) !important; }
a:hover { color: var(--color-mid-gray) !important; }

/* Site title / header */
.wp-block-site-title a {
  color: var(--color-ink) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

.wp-block-navigation {
  background: transparent !important;
}

.wp-block-navigation a,
.wp-block-navigation-item__content {
  color: var(--color-ink-soft) !important;
  border-radius: 18px !important;
  padding: 8px 12px !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation-item__content:hover {
  background: var(--color-paper) !important;
  color: var(--color-ink) !important;
}

/* Header surface */
header.wp-block-template-part,
.wp-block-group:has(.wp-block-site-title) {
  background: var(--color-surface-alt) !important;
  border-bottom: 1px solid var(--color-hairline) !important;
}

/* Cards / posts */
article,
.wp-block-post,
.wp-block-query .wp-block-post,
.wp-block-group.is-layout-constrained > .wp-block-group {
  background: var(--color-paper) !important;
  border: 1px solid var(--color-hairline) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-card) !important;
  padding: 20px !important;
}

.wp-block-post-template {
  gap: 16px !important;
  padding: 24px !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wp-block-post-title a { color: var(--color-ink) !important; }

.wp-block-post-date,
.wp-block-post-excerpt,
.wp-block-post-featured-image + p {
  color: var(--color-mid-gray) !important;
  font-size: 13px !important;
}

/* Main content width */
.wp-block-group.is-layout-constrained,
.entry-content,
main {
  max-width: 1280px !important;
}

/* Buttons */
.wp-element-button,
.wp-block-button__link,
button[type="submit"] {
  background: var(--color-ink) !important;
  color: var(--color-surface-alt) !important;
  border: none !important;
  border-radius: 18px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
  background: var(--color-ink-soft) !important;
  color: var(--color-surface-alt) !important;
}

/* Inputs */
input, textarea, select {
  background: var(--color-canvas) !important;
  color: var(--color-ink) !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--color-hairline) !important;
  background: var(--color-paper) !important;
}

/* Search / widgets */
.wp-block-search__input {
  background: var(--color-paper) !important;
  border-radius: 18px !important;
  border: 1px solid var(--color-hairline) !important;
}

/* Footer */
footer.wp-block-template-part,
footer {
  background: var(--color-surface-alt) !important;
  border-top: 1px solid var(--color-hairline) !important;
  color: var(--color-mid-gray) !important;
}

/* Soften default theme colors */
.has-background,
.wp-block-cover {
  border-radius: 24px !important;
}

/* Remove heavy theme chrome */
.wp-block-separator {
  border-color: var(--color-hairline) !important;
  opacity: 1 !important;
}

/* Skip link and admin bar remain functional */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px) !important;
}
