/* X-Wallet foundations. Component styles consume semantic tokens. */
:root {
  --color-action: #3f62fe;
  --color-action-strong: #1257d2;
  --color-text: #202944;
  --color-text-secondary: #526987;
  --color-text-muted: #71829e;
  --color-border: #e7ebf4;
  --color-surface: #ffffff;
  --color-surface-hover: #f0f4ff;
  --color-surface-selected: #eef1ff;
  --color-focus: #3f62fe;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --text-meta: 0.75rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --line-label: 1.5;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --radius-small: 4px;
  --radius-control: 8px;
  --radius-panel: 12px;
  --control-height: 40px;
}