/* NMR UI Design Tokens v2
 * Single source of truth for all visual design tokens.
 * See: nmr-style-guide-2/NMR-UI-STYLE-GUIDE-V2.md
 *
 * All pages import this file via <link> tag BEFORE their page-specific CSS.
 * Do NOT use CSS @import to load this file — use <link> for HTTP/2 parallelism.
 */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  /* ── Core Colors ── */
  --nmr-bg-page: #060d1a;
  --nmr-bg-surface: #0a1528;
  --nmr-bg-elevated: #17305E;
  --nmr-accent: #47B2CC;
  --nmr-accent-hover: #5ac0d6;
  --nmr-text-primary: #E8ECF1;
  --nmr-text-secondary: #7a8da3;
  --nmr-text-muted: #4a5c72; /* DEPRECATED — input placeholders only. Use --nmr-text-secondary for all visible text. */
  --nmr-border: rgba(255, 255, 255, 0.06);
  --nmr-border-hover: rgba(71, 178, 204, 0.2);

  /* ── Semantic Colors ── */
  --nmr-success: #2ECC71;
  --nmr-warning: #F39C12;
  --nmr-danger: #E74C3C;

  /* ── Typography ── */
  --nmr-font-display: 'Instrument Sans', sans-serif;
  --nmr-font-body: 'Aptos', 'Calibri', -apple-system, sans-serif;
  --nmr-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* ── Font Sizes ── */
  --nmr-text-xs: 12px;
  --nmr-text-sm: 14px;
  --nmr-text-base: 16px;
  --nmr-text-lg: 20px;
  --nmr-text-xl: 28px;
  --nmr-text-2xl: 36px;
  --nmr-text-3xl: 48px;

  /* ── Spacing ── */
  --nmr-space-xs: 4px;
  --nmr-space-sm: 8px;
  --nmr-space-md: 16px;
  --nmr-space-lg: 24px;
  --nmr-space-xl: 32px;
  --nmr-space-2xl: 48px;
  --nmr-space-3xl: 64px;

  /* ── Border Radius ── */
  --nmr-radius-sm: 4px;
  --nmr-radius-md: 8px;
  --nmr-radius-lg: 12px;
  --nmr-radius-full: 9999px;

  /* ── Shadows — no teal glow, pure black ── */
  --nmr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --nmr-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --nmr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);

  /* ── Transitions ── */
  --nmr-transition-fast: 120ms ease-out;
  --nmr-transition-base: 200ms ease-out;

  /* ── Z-Index Scale ── */
  --nmr-z-nav: 200;
  --nmr-z-header: 300;
  --nmr-z-status: 700;
  --nmr-z-dropdown: 999;

  /* ── Layout ── */
  --nmr-min-tap-target: 44px;
  --nmr-status-bar-height: 28px;
}

/* ── Shared Animations ── */
@keyframes nmr-line-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}