:root {
  /* Opexio Palette A (Trust Fintech) */
  --ox-primary: #1463FF;
  --ox-primary-rgb: 20, 99, 255;
  --ox-primary-dark: #0B2C6E;
  --ox-success: #12B886;
  --ox-warning: #FFB000;
  --ox-error: #E03131;
  --ox-neutral-900: #0F172A;
  --ox-neutral-700: #334155;
  --ox-neutral-500: #64748B;
  --ox-neutral-300: #CBD5E1;
  --ox-neutral-100: #F1F5F9;

  /* Recommended Focus */
  --ox-focus-ring: 0 0 0 3px rgba(20,99,255,0.35);
}

.btn-primary {
  background: var(--ox-primary);
  color: #fff;
  border-radius: 8px;
  padding: 10px 16px;
  border: none;
}
.btn-primary:focus { outline: none; box-shadow: var(--ox-focus-ring); }
.btn-primary:hover { filter: brightness(0.95); }
.badge-success { color: var(--ox-success); background: var(--ox-neutral-100); border: 1px solid var(--ox-success); border-radius: 999px; padding: 2px 8px; }
.badge-warning { color: #8B5E00; background: #FFF5D6; border: 1px solid var(--ox-warning); border-radius: 999px; padding: 2px 8px; }
.badge-error { color: #7A1212; background: #FFE5E5; border: 1px solid var(--ox-error); border-radius: 999px; padding: 2px 8px; }