/**
 * My Network + member UI semantics — all visual constants for .azn2-* point here.
 *
 * Customize in one place:
 *   1) Edit :root entries below, or
 *   2) Override --azora-* in azora-design-system.css (most tokens chain from there), or
 *   3) PHP: add_filter( 'azora_my_network_css_variables', fn($v) => $v + ['--azn-chrome-accent' => '#9cc4ff'] );
 *
 * Do not hardcode colors in PHP; use these variables in CSS only.
 */

:root {
  /* Shell (standalone shortcode; inside .azmp-member-content the root is flattened) */
  --azn-page-shell: var(--azora-bg-primary);
  --azn-surface: var(--azora-bg-card);
  --azn-surface-raised: var(--azora-bg-card-item);
  --azn-surface-hover: var(--azora-bg-card-hover);
  --azn-input-bg: var(--azora-bg-input);
  --azn-popover-bg: var(--azora-bg-tertiary);

  --azn-text-heading: var(--azora-text-primary);
  --azn-text-body: var(--azora-text-secondary);
  --azn-text-muted: var(--azora-text-muted);
  --azn-text-faint: var(--azora-text-disabled);
  --azn-placeholder: color-mix(in srgb, var(--azn-text-faint) 58%, var(--azn-page-shell));

  /* Pastel “network chrome” accent (links, badges, icons); override freely */
  --azn-chrome-accent: #b8d0f0;
  --azn-chrome-accent-dim: color-mix(in srgb, var(--azn-chrome-accent) 65%, var(--azn-text-muted));

  --azn-border-subtle: rgba(255, 255, 255, 0.06);
  --azn-border-faint: rgba(255, 255, 255, 0.05);
  --azn-border-input: rgba(255, 255, 255, 0.07);
  --azn-border-strong: rgba(255, 255, 255, 0.08);
  --azn-border-hairline: rgba(255, 255, 255, 0.055);
  --azn-divider: rgba(255, 255, 255, 0.05);
  --azn-overlay-scrim: rgba(0, 0, 0, 0.6);
  --azn-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.35);
  --azn-info-accent: #6b8fd6;

  --azn-radius-sm: var(--azora-radius-sm);
  --azn-radius-md: var(--azora-radius-md);
  --azn-radius-lg: var(--azora-radius-lg);
  /* Outer .azn2-page shell when not inside .azmp-member-content */
  --azn-page-inner-padding: 1.75rem;
  --azn-page-outer-radius: var(--azora-radius-xl);

  --azn-success: var(--azora-success);
  --azn-warning: var(--azora-warning);
  --azn-danger: var(--azora-danger);

  /* Derived soft fills (badges, buttons) from chrome accent */
  --azn-soft-bg-10: color-mix(in srgb, var(--azn-chrome-accent) 12%, transparent);
  --azn-soft-bg-08: color-mix(in srgb, var(--azn-chrome-accent) 10%, transparent);
  --azn-soft-bg-07: color-mix(in srgb, var(--azn-chrome-accent) 8%, transparent);
  --azn-soft-border-18: color-mix(in srgb, var(--azn-chrome-accent) 22%, transparent);
  --azn-soft-border-14: color-mix(in srgb, var(--azn-chrome-accent) 18%, transparent);
  --azn-focus-ring: color-mix(in srgb, var(--azn-chrome-accent) 35%, transparent);
  --azn-focus-glow: color-mix(in srgb, var(--azn-chrome-accent) 12%, transparent);
}