/* MIA Product System — canonical visual tokens. */
:root {
  --mia-blue: #4f6cff;
  --mia-blue-text: #4057d6;
  --mia-blue-solid: #4057d6;
  --mia-blue-strong: var(--mia-blue-text);
  --mia-blue-wash: rgba(79,108,255,.06);
  --mia-blue-soft: var(--mia-blue-wash);
  --mia-blue-ring: rgba(79, 108, 255, 0.24);
  --mia-gold: #a47b48;
  --mia-gold-wash: rgba(164,123,72,.07);
  --mia-gold-soft: var(--mia-gold-wash);
  --mia-canvas: #f3f0e8;
  --mia-surface: #f8f5ef;
  --mia-surface-raised: #fcfaf6;
  --mia-raised: var(--mia-surface-raised);
  --mia-ink: #191a1b;
  --mia-ink-secondary: #343538;
  --mia-text: var(--mia-ink-secondary);
  --mia-muted: #666963;
  --mia-quiet: #999790;
  --mia-border: #d8d1c5;
  --mia-border-soft: #e7e1d8;
  --mia-sidebar: #101215;
  --mia-sidebar-active: #25292e;
  --mia-sidebar-raised: var(--mia-sidebar-active);
  --mia-positive: #2e7862;
  --mia-green: var(--mia-positive);
  --mia-green-soft: #e8f3ee;
  --mia-warning: #93651f;
  --mia-warning-soft: #f7edda;
  --mia-danger: #a64d49;
  --mia-red: var(--mia-danger);
  --mia-red-soft: #f8e9e7;
  --mia-info: #4f6cff;
  /* Small text and white-on-blue controls need stronger contrast than the
     reference swatches. Brand/decorative tokens above remain unchanged. */
  --mia-muted-readable: var(--mia-muted);
  --mia-gold-text: #805c32;
  --mia-gold-readable: var(--mia-gold-text);
  --mia-warning-readable: #895d1c;
  --mia-action-fill: var(--mia-blue-solid);

  --mia-font-display: Georgia, serif;
  --mia-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mia-text-2xs: 11px;
  --mia-text-xs: 12px;
  --mia-text-sm: 13px;
  --mia-text-md: 14px;
  --mia-text-lg: 15px;
  --mia-text-xl: 26px;
  --mia-text-display: 48px;

  --mia-space-1: 4px;
  --mia-space-2: 8px;
  --mia-space-3: 12px;
  --mia-space-4: 16px;
  --mia-space-5: 24px;
  --mia-space-6: 24px;
  --mia-space-8: 32px;
  --mia-space-10: 48px;
  --mia-space-12: 48px;
  --mia-space-16: 64px;

  --mia-radius-sm: 6px;
  --mia-radius-md: 8px;
  --mia-radius-lg: 12px;
  --mia-shadow-float: 0 18px 48px rgba(24, 25, 26, 0.14);
  --mia-shadow-menu: 0 12px 32px rgba(24, 25, 26, 0.18);
  --mia-sidebar-width: 200px;
  --mia-sidebar-compact: 72px;
  --mia-topbar-height: 60px;
  --mia-content-max: none;
  --mia-page-pad: 32px;
  --mia-focus-ring: 0 0 0 3px var(--mia-blue-ring);
  --mia-ease: 160ms cubic-bezier(0.2, 0, 0, 1);
}

[data-theme="dark"] {
  --mia-blue-text: #a3b3ff;
  --mia-gold-text: #d0ac7e;
  --mia-positive: #6bbd9e;
  --mia-danger: #ed9993;
  --mia-surface-raised: #222529;
  --mia-ink-secondary: #dedbd3;
  --mia-muted-readable: #b8b6b0;
  --mia-gold-readable: #d0ac7e;
  --mia-warning-readable: #e7ba73;
  --mia-blue-strong: #a3b3ff;
  --mia-canvas: #151719;
  --mia-surface: #1b1e21;
  --mia-raised: #222529;
  --mia-ink: #f5f2eb;
  --mia-text: #dedbd3;
  --mia-muted: #aaa8a2;
  --mia-quiet: #aaa8a2;
  --mia-green: #6bbd9e;
  --mia-warning: #e7ba73;
  --mia-red: #ed9993;
  --mia-border: #3b3e41;
  --mia-border-soft: #2d3033;
  --mia-blue-soft: #202a52;
  --mia-gold-soft: #33291e;
  --mia-green-soft: #1d342e;
  --mia-warning-soft: #3a2d1c;
  --mia-red-soft: #3b2424;
}


@media(max-width:1359px){:root{--mia-page-pad:24px;--mia-text-display:42px}}
@media(max-width:767px){:root{--mia-page-pad:16px;--mia-text-display:34px}}