/* ===== Lang Directory — Design Tokens =====
 * Shared CSS custom properties used by all plugin templates.
 * Promoted to :root so values are available without a .ld-root ancestor.
 * Also set on .ld-root for backward compatibility with homepage shortcode.
 * ========================================== */

:root,
.ld-root {
  /* Brand */
  --ld-primary:     #1e64ff;
  --ld-primary-700: #0f4fd9;

  /* Neutrals */
  --ld-text:    #0f172a;
  --ld-muted:   #5b667a;
  --ld-surface: #ffffff;
  --ld-border:  #e5eaf2;

  /* Elevation */
  --ld-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);

  /* Semantic */
  --ld-star:       #fbbf24;
  --ld-star-empty: #e5eaf2;
  --ld-success:    #10b981;
  --ld-warning:    #f59e0b;
  --ld-danger:     #ef4444;

  /* Radii */
  --ld-radius-sm: 8px;
  --ld-radius-md: 12px;
  --ld-radius-lg: 16px;

  /* Spacing scale */
  --ld-space-1: 4px;
  --ld-space-2: 8px;
  --ld-space-3: 12px;
  --ld-space-4: 16px;
  --ld-space-5: 20px;
  --ld-space-6: 24px;
  --ld-space-8: 32px;

  /* Typography */
  --ld-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ===== Base reset inside .ld-root ===== */
.ld-root {
  font-family: var(--ld-font);
  color: var(--ld-text);
}
.ld-root * { box-sizing: border-box; }

/* ===== Layout helpers ===== */
.ld-container {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}

.ld-section      { padding: var(--ld-space-6) 0; }
.ld-section__head h2 { margin: 0 0 var(--ld-space-4); font-size: 28px; }